Shadcn.io is not affiliated with official shadcn/ui
Empty State No Comments
An empty comments state with a centered speech bubble icon, conversation-starting message, and add comment CTA using shadcn/ui and Tailwind CSS
Display a clean empty state when an item has no comments. Features a centered message-circle icon inside a subtle bubble shape, encouraging copy to start the conversation, and a primary add comment button. Built with TypeScript, shadcn/ui Button and Input, motion/react animations, Lucide icons, and Tailwind CSS. Perfect for blog posts, task detail views, pull request pages, and any content with a comment section.
Related Components
Empty State No Reactions
No reactions on content state
Empty State No Posts
Empty social feed state
Empty State No Threads
No discussion threads state
Empty State No Mentions
No mentions received state
Empty State No Feedback
No feedback submitted state
Empty State No Reviews
No reviews submitted state
FAQ
Was this page helpful?
Sign in to leave feedback.
No Collections
React empty state block for product collections with no groups created, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a grid of empty image placeholders and create collection CTA
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