Shadcn.io is not affiliated with official shadcn/ui
Chat Book Club
React book club discussion chat block for Next.js with book detail cards, reading progress tracker, discussion question prompts, member avatars, and chapter notes using TypeScript, shadcn/ui, and Tailwind CSS
An engaging book club discussion chat interface for React and Next.js applications. Features a club header with current book title and member count, embedded book cards displaying cover color, title, author, page count, and genre badge, discussion prompt cards with guided questions, and a reading progress bar tracking chapter completion. Built with TypeScript, shadcn/ui Avatar, Badge, Button, and Progress components, Tailwind CSS, and Framer Motion for smooth message entrance animations. Ideal for reading community platforms, library apps, and social book tracking dashboards.
Related Components
Education Tutor Chat
Tutoring chat with quiz cards
Team Collaboration Chat
Workspace channel chat with mentions
Community Room Chat
Public community room chat interface
Poll Messages Chat
Chat with interactive poll messages
Collaborative Notes Chat
Chat with shared note-taking
Threaded Replies Chat
Chat with threaded reply system
FAQ
Was this page helpful?
Sign in to leave feedback.
Auto Reply
React auto-reply chat block for Next.js with away status indicator, automatic response message, business hours info card, and estimated response time using TypeScript, shadcn/ui, and Tailwind CSS
Book Recommendation
A book recommendation chat interface with book cards, genre tags, star ratings, and reading list management built with React, Next.js, shadcn/ui, and Tailwind CSS.