---
title: "Persistent Checklist — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Acu from Akila Studio™  · Text. Persistent Checklist lets you drop a todo / tasks widget into any page and keep state between visits."
canonical: "https://framer.elliotli.dev/component/persistent-checklist"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Persistent Checklist

# Persistent Checklist

[View on Framer](https://framer.com/marketplace/components/persistent-checklist/?via=elliot-li)

![Persistent Checklist preview image 1](https://framer.elliotli.dev/og/component/persistent-checklist/5e330f76354f3528/1600x1200.jpg)

## Summary

Persistent Checklist lets you drop a todo / tasks widget into any page and keep state between visits.

## Description

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**
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10989

## Details

- **Author**: Acu from Akila Studio™
- **Price**: $5.00
- **Published**: 2025-09-17
- **Updated**: 2025-09-17
- **Added**: 2025-09-09
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos