Shadcn.io is not affiliated with official shadcn/ui
Empty State No Orders
React empty state block for order management with no orders received, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a receipt-style placeholder and storefront CTA
Display a clean empty state when an order list has no entries yet. This React and Next.js block features a shopping cart icon, a receipt-style placeholder with dashed line items hinting at future order data, and a call-to-action to view the storefront. Built with shadcn/ui Button and Tailwind CSS for any e-commerce admin dashboard.
Related Components
No Products Empty State
Empty state for product catalogs with add product CTA
No Inventory Empty State
Empty state for inventory management with setup CTA
No Invoices Empty State
Empty state for invoice lists with create invoice CTA
No Transactions Empty State
Empty state for transaction history with connect CTA
No Customers Empty State
Empty state for customer lists with import CTA
No Subscriptions Empty State
Empty state for subscription management with plan setup CTA
FAQ
Was this page helpful?
Sign in to leave feedback.
No Notifications
React empty state block for notification centers with a celebratory all-caught-up message, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations
No Pages
An empty wiki pages state with a dashed border upload area, message about building a knowledge base, and a CTA to create the first page using shadcn/ui and Tailwind CSS