Ready-to-use, customizable chat components for React. Built on React. Styled with Tailwind. 4 themes.
A fully interactive chat demo. Switch themes, send messages, react.
Production-ready components with thoughtful defaults.
Lunar, Aurora, Ember, and Midnight. Light and dark modes built in.
Reactions, threads, read receipts, typing indicators, and reply-to.
Customer support chat with agent routing, ratings, and quick replies.
Drag-and-drop file sharing with previews, progress bars, and size limits.
Command-palette search across messages with keyboard navigation.
Works with any stack. REST, GraphQL, WebSocket, or serverless.
Install the chat component into your project via the shadcn CLI.
npx shadcn@latest add https://raw.githubusercontent.com/leonickson1/chatcn/main/public/r/chat.json