Todo App.
Free to Remix.
Free to Remix.
Free to Remix.
A vanilla JS todo list with add, complete, delete and localStorage persistence. Open it in NitroIDE and every file is yours to edit — HTML, CSS and JavaScript, running 100% in your browser.
Live Preview
This is the template running right now — interact with it, then hit Open in NitroIDE to edit every line.
What's Inside
Three files, zero dependencies to install. Here's what you get out of the box.
Ready-Made Markup
Add, complete and delete tasks in vanilla JS. Semantic, commented HTML you can reshape in seconds.
Styled & Responsive
Persists to localStorage — todos survive reloads. Tweak colors, spacing and layout live with instant preview.
Working JavaScript
Clear-completed button and live task counter. Remix the logic, add features, make it yours.
Use case
Use this template as a working todo list or as a starting point for any small app that saves state in the browser — add, complete, and delete tasks, and they survive a reload.
What you learn
What you learn: how vanilla JavaScript renders a list from an array, how add, complete, and delete actions update that list, and how localStorage persists tasks between visits.
Frequently asked questions
Where are my todos stored?
In your browser's localStorage, under the template's own key. They stay on your device and are not sent anywhere.
Can I clear all completed tasks at once?
Yes. The template includes a clear-completed button alongside the live task counter.
What happens if I open the template in another browser?
Your todos will not be there — localStorage is per browser, so each browser keeps its own list.
Keep Exploring
More templates you can open and remix with one click.