Shadcn.io is not affiliated with official shadcn/ui
Empty State No Channels
An empty channels state with a hash icon, dashed placeholder rows, and a browse channels CTA using shadcn/ui and Tailwind CSS
Show a polished empty state when users have not joined any chat channels. Features a dashed border container with skeleton-like placeholder rows hinting at what channels look like, a hash icon, descriptive copy, and a browse channels button. Built with TypeScript, shadcn/ui Button, motion/react staggered animations, and Tailwind CSS. Perfect for Slack-style messaging apps, team collaboration tools, and community platforms.
Related Components
Empty State No Messages
Empty inbox state
Empty State No Threads
No discussion threads state
Empty State No Announcements
No announcements posted state
Empty State No Mentions
No mentions received state
Empty State No Tasks
No tasks assigned state
Empty State No Team Members
No team members state
FAQ
Was this page helpful?
Sign in to leave feedback.
No Categories
An empty state block for when no categories are set up, featuring a nested tree view skeleton with indented placeholder nodes and a CTA to add the first category
No Chat History
An empty AI chat state with a mock chat window, empty message area, input bar, and a CTA to start a conversation using shadcn/ui and Tailwind CSS