Shadcn.io is not affiliated with official shadcn/ui
Empty State No Roles
An empty state block for when no custom roles are defined, featuring a split layout with role preview placeholders and create role CTA
Display an informative empty state for role management pages. Uses a split layout with a left panel showing the empty message and CTA, and a right panel displaying ghost role placeholders to hint at the expected structure. Built with shadcn/ui Button, Tailwind CSS, and motion/react for a polished Vercel-inspired experience.
Related Components
Empty State No Team Members
No team members invited state
Empty State No Permissions
No permissions configured state
Empty State No Guests
No guest users state
Empty State No Departments
Empty org chart state
Empty State No Contacts
Empty contact list state
Empty State No Custom Fields
No custom fields defined state
FAQ
Was this page helpful?
Sign in to leave feedback.
No Roadmap
An empty product roadmap state with phased column layout and create roadmap CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS
No Saved Searches
React empty state block for saved searches section with no queries saved, built with Next.js, shadcn/ui, Tailwind CSS, and subtle motion animations