Checklist Creator

Checklist Creator manages multiple named checklists side by side, each shown in a sidebar with a colored dot, its name, and a live completed/total count. Every checklist carries a color picked from a fixed 9-swatch palette (blue #3b82f6, violet, pink, red, orange, yellow, green, teal, cyan), assigned at random on creation and changeable from the header swatch row; that color drives the progress bar fill and the print-out's heading underline. Items support up to four levels of nesting (indent 0 through 3, hard-capped by Math.min(3, ...)), and you set depth two ways: type leading spaces in the add-item box, where every two spaces becomes one indent level, or use the per-item left/right chevron buttons that step the indent and disable themselves at the boundaries. Double-clicking an item's text opens inline editing (Enter to save, Escape to cancel), and toggling an item strikes it through and fades it to 60% opacity.

The tool ships four ready-made templates that populate a brand-new checklist in one click: Project Launch (15 items, e.g. Define project scope > Set objectives / Identify stakeholders, through Development phase and Go live!), Travel Packing (Documents/Clothing/Toiletries/Electronics with nested sub-items like Passport, Tickets, Phone charger), Weekly Review (Review last week / Plan next week / Personal), and Event Planning (Venue, Guest list, Catering, Day of event). Each template string's leading spaces are parsed into the same indent levels as manual entry, so the section/sub-item hierarchy comes through intact. A progress panel above the list shows completed/total and a percentage computed as Math.round(completed/total*100), updating as you check items.

Everything is stored client-side: all your checklists are serialized to localStorage under the key toolbox-checklists on every change and reloaded on open, so there is no account and nothing leaves the browser, but the data is tied to that one browser profile and is lost if you clear site data. There are three output paths, none of which involves a server. Copy as Markdown writes the active list to the clipboard as GitHub-flavored task syntax (a '# Name' heading followed by '- [x]'/'- [ ]' lines indented two spaces per level). Print Checklist opens a new window with a self-contained styled HTML page (title, a progress stats box with a colored fill bar, checked items rendered with the box-with-check character and a line-through, plus a generated-on date/time footer) and auto-triggers the browser print dialog. Export All downloads every checklist as a pretty-printed checklists.json file, and Import reads a JSON file and appends its array of checklists to your existing ones, alerting on invalid input. Note that the actual component has no shareable-link or URL-encoding feature despite older copy implying one.