Shadcn.io is not affiliated with official shadcn/ui
Empty State 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
Display a polished empty state when no custom fields have been defined. Features a form skeleton layout with ghost field placeholders showing different field types like text, number, and dropdown, hinting at how custom fields will appear once created. Includes a clear message about extending data models and a CTA to create the first field. Built with shadcn/ui Button, Tailwind CSS, and motion/react for a refined Vercel-inspired experience.
Related Components
Empty State No Tags
No tags or labels created state
Empty State No Categories
No categories set up state
Empty State No Permissions
No permission rules configured state
Empty State No Templates
No templates created state
Empty State No Roles
No custom roles defined state
Empty State No Integrations
No integrations connected state
FAQ
Was this page helpful?
Sign in to leave feedback.
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
No Dashboards
React empty state block for custom dashboards with no dashboards created, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations