Shadcn.io is not affiliated with official shadcn/ui
Empty State 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
Display a polished empty state when users have no prior AI chat messages. Features a mock chat window with an empty bubble area, a centered icon and prompt message, and a functional-looking input bar at the bottom. Built with TypeScript, shadcn/ui Button and Input, motion/react entrance animations, and Tailwind CSS. Ideal for AI chatbots, customer support widgets, and conversational interfaces.
Related Components
Empty State No Prompts
No saved AI prompts state
Empty State No Generated Content
No AI-generated outputs state
Empty State No Messages
Empty inbox state
Empty State No Threads
No discussion threads state
Empty State No Channels
No channels joined state
Empty State No History
No activity history state
FAQ
Was this page helpful?
Sign in to leave feedback.
No Channels
An empty channels state with a hash icon, dashed placeholder rows, and a browse channels CTA using shadcn/ui and Tailwind CSS
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