Shadcn.io is not affiliated with official shadcn/ui
Chat Recent Chats
React recent conversations compact widget for Next.js with small avatars, online status dots, message previews, unread indicators, and view-all link using TypeScript, shadcn/ui, Tailwind CSS, and Lucide React icons
A compact recent conversations widget for React and Next.js that fits neatly into sidebars and dashboards. Displays the 5 most recent chats with small avatars, contact names, a short message preview, online status dots, and tiny unread indicators. A "View all conversations" ghost button at the bottom leads to the full inbox. Built with TypeScript, shadcn/ui Avatar and Button components, Tailwind CSS, and Lucide React icons.
Related Components
Direct Message Chat
Clean 1-on-1 DM with profile and seen indicators
Anonymous Chat
Privacy-first anonymous chat with animal avatars
Conversation List
Inbox-style conversation list with unread badges
Channel List
Channel browser with starred and direct messages
Minimal Chat
Ultra-clean minimal 1-on-1 chat interface
Bubble Style Chat
Classic rounded bubble messages with pointer tails
FAQ
Was this page helpful?
Sign in to leave feedback.
Real Estate Agent
React real estate inquiry chat block for Next.js with agent profile header, property listing cards, price and specs display, and quick action filters using TypeScript, shadcn/ui, and Tailwind CSS
Recipe Sharing
React recipe sharing chat interface for Next.js with ingredient cards, step-by-step instructions, serving size badges, and cook time indicators using TypeScript, shadcn/ui, and Tailwind CSS