Persistent Checklist - Framer Template

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

Features

• ✔︎ 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

Property Controls

• 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