Shadcn.io is not affiliated with official shadcn/ui
Empty State No Products
React empty state block for product catalogs with no items, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a package icon, skeleton product card, and add product CTA
Show a polished empty state when a product catalog has no items yet. This React and Next.js block features a centered package icon, a skeleton product card preview hinting at what the catalog will look like, and a clear call-to-action to add the first product. Built with shadcn/ui Button and Tailwind CSS for seamless integration into any e-commerce dashboard or storefront admin.
Related Components
No Orders Empty State
Empty state for order lists with no orders received
No Collections Empty State
Empty state for product collections with grouping CTA
No Inventory Empty State
Empty state for inventory management with setup CTA
No Coupons Empty State
Empty state for discount codes with create coupon CTA
No Categories Empty State
Empty state for product categories with organize CTA
No Reviews Empty State
Empty state for product reviews with feedback collection CTA
FAQ
Was this page helpful?
Sign in to leave feedback.
No Preferences
An empty state block for when no preferences have been customized, showing a toggle list skeleton with switch placeholders and a CTA to customize settings
No Projects
A minimal empty state for workspaces with no projects, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring ghost project card previews, a status column skeleton, and create project CTA