Shadcn.io is not affiliated with official shadcn/ui
Empty State No Coupons
React empty state block for discount codes with no coupons created, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a ticket-shaped dashed border element and create coupon CTA
Display a visual empty state when no discount codes exist. This React and Next.js block features a ticket icon, a ticket-shaped dashed border element with a percent symbol hinting at future coupon codes, and a call-to-action to create the first discount. Built with shadcn/ui Button and Tailwind CSS for e-commerce admin dashboards and promotion management panels.
Related Components
No Products Empty State
Empty state for product catalogs with add product CTA
No Orders Empty State
Empty state for order lists with storefront 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
No Payment Methods Empty State
Empty state for payment methods with add card CTA
No Transactions Empty State
Empty state for transaction history with connect CTA
FAQ
Was this page helpful?
Sign in to leave feedback.
No Conversations
React empty state block for customer conversation feeds with chat bubble placeholders and a start conversation CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations
No Custom Fields
An empty state block for when no custom fields are defined, showing a form skeleton with empty field slots and a CTA to create the first custom field