Todo List Reading List
A reading tracker block for React and Next.js with currently reading highlight, page progress bars, genre badges, star ratings, and want-to-read queue built with shadcn/ui and Tailwind CSS
Track your reading goals with this reading list block for React and Next.js. Features a highlighted currently-reading book with page progress, a want-to-read queue, genre badges, star ratings on completed books, and per-book progress bars. Built with TypeScript, shadcn/ui Badge, Progress, and Button components, framer-motion staggered entrance animations, and Tailwind CSS. Perfect for book club apps, personal reading dashboards, and literary goal trackers.
Related Components
Learning Path Todo
Course progress tracker with modules
Workout Todo List
Exercise routine tracker
Shopping Todo List
Categorized grocery shopping list
Packing Todo List
Travel packing checklist
Finance Todo List
Financial task checklist
Recipe Todo List
Recipe step checklist with timers
FAQ
Was this page helpful?
Sign in to leave feedback.
Quick Add
A todo list block with smart syntax parsing for React and Next.js featuring inline token detection for priority, assignee, tags, and due dates with live preview badges built with shadcn/ui and Tailwind CSS
Recipe
A recipe step checklist block for React and Next.js with ingredient checkboxes, expandable numbered steps, timer indicators, servings adjuster, and prep/cook time display built with shadcn/ui and Tailwind CSS