Persistent Checklist
A customizable checklist that remembers progress across refreshes and sessions.
Make it with Workshop
Build your own component with AI
A customizable checklist that remembers progress across refreshes and sessions.
Make it with Workshop
Build your own component with AI
Persistent Checklist lets you drop a todo / tasks widget into any page and keep state between visits. Items are fully editable in the properties panel (inline or JSON), you can style every part of the UI, and each instance stores its own progress using a unique storage key. Great for onboarding lists, course modules, launch checklists, or “what to bring” blocks on landing pages.
Remembers each item’s checked state after refresh
Per-instance storage keys so multiple lists can live on the same site
Keyboard and screen-reader friendly
Lightweight: no backend, no cookies—just localStorage
✔︎ Persistent progress saved automatically in local storage
✔︎ Customizable sections & items (title, description, links)
✔︎ Themes: Light, Dark, Minimal presets with overrides
✔︎ Typography controls for section headings, item titles, and descriptions
✔︎ Progress bar & counter with customizable label template
✔︎ Reset option to clear all completed states
✔︎ Design flexibility: spacing, row height, border radius, font size
✔︎ Check style modes: Filled or Filled + Check icon
Sections: Define headings, items, and optional links
Storage key: Unique key to persist progress across page reloads
Show progress bar: Toggle on/off
Show counter: Display “X of Y done” with {done}, {total}, {percent} tokens
Allow uncheck all: Enable “Reset” button
Theme: Light, Dark, Minimal presets
Text color / Accent color / Border color / Background
Row height / Gap / Radius / Font size (base)
Progress label: Customizable template with tokens
Check style: Choose between Filled or Filled + Check icon
Section title style / Item title style / Description style
