Shadcn.io is not affiliated with official shadcn/ui
Empty State No Contacts
An empty state block for an empty contact list with avatar placeholders and import or manual add options
Show a polished empty state when the contact list is empty. Features stacked avatar placeholders to hint at the expected content, dual CTAs for importing contacts from a file or adding them manually, and subtle entrance animations. Built with shadcn/ui Button, Tailwind CSS, and motion/react.
Related Components
Empty State No Team Members
No team members invited state
Empty State No Guests
No guest users state
Empty State No Roles
No custom roles defined state
Empty State No Departments
Empty org chart state
Empty State No Conversations
No conversations started state
Empty State No Messages
Empty inbox state
FAQ
Was this page helpful?
Sign in to leave feedback.
No Connected Apps
An empty state block for when no external applications are linked showing icon pairs with dotted connector lines and a CTA to connect an app
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