Shadcn.io is not affiliated with official shadcn/ui
Empty State No Favorites
React empty state block for favorites sections with no saved items, featuring a heart icon, decorative star grid skeleton, and browse CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations
Display a polished empty state when users have no favorited items yet. Features a decorative grid of skeleton cards with star and heart accents, a clear message about marking items as favorites, and a prominent CTA to start browsing. Built with React, TypeScript, shadcn/ui Button, motion/react entrance animations, and Tailwind CSS for a clean Vercel-inspired design.
Related Components
No Bookmarks
Empty state for bookmark sections
No Pinned Items
Empty state for pinned content
No Saved Searches
Empty state for saved search queries
No Shared Items
Empty state for shared content
No Recent Items
Empty state for recent activity
No Collections
Empty state for content collections
FAQ
Was this page helpful?
Sign in to leave feedback.
No Expenses
A minimal empty state for expense tracking with no logged expenses, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring a receipt-style dashed border layout and add expense CTA
No Feature Requests
React empty state block for feature request boards with an idea card grid skeleton and a create request form CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations