Shadcn.io is not affiliated with official shadcn/ui
Chat Movie Night
React movie night voting chat block for Next.js with movie suggestion cards, vote buttons, genre badges, rating display, and group decision making using shadcn/ui and Tailwind CSS
A social movie night planning chat interface for React and Next.js applications. Features movie suggestion cards with title, year, genre badges, runtime, and rating display, upvote and downvote buttons with live tallies, a winning movie highlight, participant vote indicators, and a group chat thread for discussing picks. Built with TypeScript, shadcn/ui Avatar, Badge, Button, and Input components, Tailwind CSS, and Framer Motion for smooth card entrance animations. Perfect for social apps, watch party coordinators, and group entertainment planners.
Related Components
Poll Messages Chat
In-chat polling with vote progress bars
Grocery List Chat
Shared grocery list with checkable items
Event Invitation Chat
Event planning with RSVP cards
Music Sharing Chat
Share and preview music in chat
Collaborative Notes Chat
Shared notes editing in chat
Home Automation Chat
Smart home device control in chat
FAQ
Was this page helpful?
Sign in to leave feedback.
Mobile View
React mobile-optimized full-screen chat block for Next.js with large touch targets, profile header, back navigation, safe-area input padding, and swipe-friendly layout using TypeScript, shadcn/ui, and Tailwind CSS
Multi Select
React chat block with multi-select mode for Next.js featuring message checkboxes, selection count, and bulk actions like forward, delete, and star using TypeScript, shadcn/ui, Tailwind CSS, and framer-motion