Shadcn.io is not affiliated with official shadcn/ui
Kanban Shopping Tracker
React kanban shopping wishlist tracker for Next.js with tab navigation, price display, store labels, category badges, and staggered card animations using shadcn/ui Tabs and Tailwind CSS
Manage your shopping wishlist and purchases with this React and Next.js kanban block. Features three tab-navigated columns — Wishlist, In Cart, and Purchased — with price formatting, store labels, category badges, and framer-motion staggered entrance animations. Built with TypeScript, shadcn/ui Tabs, Badge, and Button components, and Tailwind CSS. Ideal for personal shopping trackers, price comparison dashboards, and gift list organizers.
Related Components
Task Inbox Kanban
Compact list-style task inbox
Weekly Goals Kanban
Accordion-based weekly goal tracker
Email Triage Kanban
Email categorization board
Feedback Sorter Kanban
User feedback categorization
Chore Organizer Kanban
Household chore management board
FAQ
Was this page helpful?
Sign in to leave feedback.
Schedule Flow
React scheduling workflow kanban board for Next.js with timeline header, urgency indicators, and attendee tracking using shadcn/ui and Tailwind CSS
Sprint Capacity
React sprint capacity kanban board for Next.js with progress bars, WIP limits, and story point tracking using shadcn/ui Progress and Tailwind CSS