Shadcn.io is not affiliated with official shadcn/ui
Todo List Emoji Status
An emoji-based status indicator todo list block for React and Next.js with clickable emoji cycling, status filter bar, and status counts built with shadcn/ui and Tailwind CSS
Replace checkboxes with expressive emoji status indicators in this todo list block for React and Next.js. Click emojis to cycle through states: todo, in progress, done, paused, and cancelled. Features an emoji filter bar at the top, status counts in the footer, and staggered entrance animations. Built with TypeScript, shadcn/ui Button and Badge components, framer-motion animations, and Tailwind CSS. Perfect for visual task trackers, fun productivity apps, and personal project dashboards.
Related Components
Automation Todo
Task automation rules
Natural Language Todo
Smart text parsing task input
Color Coded Todo
Color category task system
Matrix Todo
Effort vs impact matrix
Voice Memo Todo
Tasks with voice memo attachments
Dark Minimal Todo
Dark-themed minimal design
FAQ
Was this page helpful?
Sign in to leave feedback.
Email Queue
An email management queue todo list block for React and Next.js with campaign labels, delivery status, open rate tracking, and send scheduling built with shadcn/ui and Tailwind CSS
Estimation
A todo list block with Fibonacci story point estimation for React and Next.js featuring point selectors, velocity indicators, color-coded sizing, and total point summaries built with shadcn/ui and Tailwind CSS