Shadcn.io is not affiliated with official shadcn/ui
Empty State No Mentions
An empty mentions state with an at-sign icon, explanation of how mentions work, and a learn more CTA using shadcn/ui and Tailwind CSS
Show a minimal empty state when a user has not been mentioned anywhere yet. Features a centered at-sign icon with a subtle pulsing ring animation, a concise explanation of how mentions work, and a learn more link button. Built with TypeScript, shadcn/ui Button, motion/react animations, and Tailwind CSS. Ideal for collaboration platforms, project management tools, and any app with at-mention functionality.
Related Components
Empty State No Messages
Empty inbox state
Empty State No Notifications
No notifications state
Empty State No Threads
No discussion threads state
Empty State No Comments
No comments state
Empty State No Channels
No channels joined state
Empty State No Followers
No followers state
FAQ
Was this page helpful?
Sign in to leave feedback.
No Meetings
A video meeting list empty state with participant placeholder area and schedule CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS
No Messages
An empty inbox state with ghost conversation previews, unread counter, compose CTA, and keyboard shortcut hint using shadcn/ui and Tailwind CSS