Shadcn.io is not affiliated with official shadcn/ui
Chat Education Tutor
React education tutoring chat block for Next.js with tutor profile, quiz question cards, multiple choice options, progress indicator, and hint system using TypeScript, shadcn/ui, and Tailwind CSS
An interactive tutoring chat interface for React and Next.js applications. Features a tutor profile header with subject badge and session progress indicator, quiz question cards with selectable multiple choice options, correct and incorrect answer feedback messages, and a hint button for guided learning. Built with TypeScript, shadcn/ui Avatar, Badge, Button, and Progress components, Tailwind CSS, and Framer Motion for smooth transitions. Perfect for e-learning platforms, online tutoring apps, and educational dashboards.
Related Components
Medical Consultation Chat
Healthcare telemedicine chat with prescriptions
Fitness Coach Chat
Workout and meal plan coaching chat
Customer Support Chat
Support chat with agent avatar and rating
Travel Assistant Chat
Travel booking assistant with flight cards
Real Estate Agent Chat
Property inquiry chat with listing cards
Team Collaboration Chat
Workspace channel chat with mentions
FAQ
Was this page helpful?
Sign in to leave feedback.
Ecommerce Support
React e-commerce customer support chat block for Next.js with order reference cards, tracking status, quick action buttons, and agent header using TypeScript, shadcn/ui, and Tailwind CSS
Email Composer
Interactive email composition interface built with React, Next.js, shadcn/ui, and Tailwind CSS. Features recipient chips, subject line, rich text formatting toolbar, and send functionality.