Notes App
Shadcn todo dashboard template for Next.js, React & Tailwind
A focused, fast note-taking app, polished end-to-end.
Filmstrip
6 on this reel
About this Shadcn todo dashboard
Notes is a polished, self-contained note-taking application built as a single-page app. A left sidebar surfaces categories and tags, the middle pane lists notes as cards (grid or list), and the right pane is a focused editor wired to live updates.
Notes can be pinned, favorited, duplicated, deleted and filtered down with category, tag, favorites-only or pinned-only toggles. Free-text search hits title, content and tags in a single pass.
Everything runs client-side on a Zustand store seeded with mock notes, with the standard 42-color theme switcher and light/dark mode shipped in both radix-ui and base-ui variants. Intentionally minimal — and intentionally complete.
Routes
Pages and views included in this template.
/Notes
Single-page app with sidebar, notes list and focused editor pane
Features
- Pin, favorite, duplicate and delete notes with one click
- Filter by category, tag, favorites-only or pinned-only
- Search across title, content and tags from one input
- Switch between grid and list views of your notes
- Edit notes inline with title and content fields and live word count
- Identical experience across radix-ui and base-ui variants
Related Templates
More Productivity templates you might like.
Get all templates in the Ultimate Kit
Get the Ultimate Kit — $129