Shadcn.io is not affiliated with official shadcn/ui
Empty State No Collections
React empty state block for product collections with no groups created, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a grid of empty image placeholders and create collection CTA
Display a visual empty state when no product collections exist. This React and Next.js block features a grid icon, a 2x2 grid of empty image slot placeholders hinting at collection thumbnails, and a call-to-action to create the first collection. Built with shadcn/ui Button and Tailwind CSS for e-commerce dashboards and storefront admin panels.
Related Components
No Products Empty State
Empty state for product catalogs with add product CTA
No Categories Empty State
Empty state for product categories with organize CTA
No Tags Empty State
Empty state for tag management with create tag CTA
No Favorites Empty State
Empty state for saved favorites with browse CTA
No Shared Items Empty State
Empty state for shared content with share CTA
No Files Empty State
Empty state for file storage with upload CTA
FAQ
Was this page helpful?
Sign in to leave feedback.
No Chat History
An empty AI chat state with a mock chat window, empty message area, input bar, and a CTA to start a conversation using shadcn/ui and Tailwind CSS
No Comments
An empty comments state with a centered speech bubble icon, conversation-starting message, and add comment CTA using shadcn/ui and Tailwind CSS