Editable example

Weekly capacity planner HTML template

Turn three inputs into a useful little tool: estimate how many tasks fit into a week.

Make it yours

Enable interactions and change the available hours, task duration and buffer. The calculation runs inside the page. Download and adapt the file to make your own calculator.

A prompt to get you started

Give your AI tool the downloaded file, your own content, and these instructions:

Adapt this self-contained HTML calculator to my planning scenario. Keep the calculation transparent, validate inputs and explain assumptions. Use inline JavaScript and CSS, no external libraries, network calls or browser storage.

From template to shareable page

Check your edited file in the HTML viewer. Try a narrow screen and test interactions before you publish. Follow the sharing guide to give your finished page a link.

Free to use, modify and share the example HTML, including commercially. Official example version 1.0.0. Changes to your downloaded copy do not change the original template.