Make your AI a shadcn expert

Empty State No Contacts

An empty state block for an empty contact list with avatar placeholders and import or manual add options

Scroll to load preview

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.

FAQ

Last updated on April 3, 2026

Was this page helpful?

Sign in to leave feedback.