Chatbot UI components you actually own

What it does

shadcn-chatbot-kit is a set of React components—Chat, MessageInput, PromptSuggestions, and others—built directly on top of shadcn/ui’s Tailwind and CSS-variable system. You install them piecemeal through the shadcn CLI, which drops the source into your repo and lets you hack on it directly. The kit targets the tedious specifics of AI chat interfaces: auto-scrolling message lists, file-attachment previews, Markdown rendering with syntax highlighting, and visual states for tool execution. The README’s quick-start example leans on the Vercel AI SDK, though the components themselves look generic enough to wire into other streaming backends.

The interesting bit

The project treats chatbot UI as just another set of shadcn primitives rather than a monolithic, hard-to-style widget. The real value sits in the unglamorous plumbing—auto-resizing textareas, smart scroll behavior, and attachment handling—exactly the parts that devour afternoons when assembled from generic UI kits.

Key highlights

• Inherits shadcn/ui’s full theming system, so dark mode and custom palettes require no extra integration.
• Ships with AI-specific patterns: visual tool-execution states, cancelable operations, interrupt prompts, and loading skeletons.
• Offers both a batteries-included Chat wrapper and lower-level composable pieces if you prefer to lay out your own thread.
• Components are installed via the shadcn CLI using the copy-paste model, meaning you own the code and can mutate styles or logic freely.
• A documentation site and live theme customizer exist, though the README keeps details high-level.

Caveats

• The “Thinking Process” visual block and voice input are marked 🚧 WIP in the README, so don’t expect them to be fully baked yet.
• The quick-start guide assumes the Vercel AI SDK; wiring this to a different backend streaming format will require manual adaptation.
• Several touted features—“smart” previews, “auto-conversion” of long text to attachments, and “smart” interrupt prompts—are described with adjectives but lack technical specifics on behavior or limits.

Verdict

A solid fit for teams already using shadcn/ui who want a polished chat interface without importing a black-box SaaS widget. If you need a managed backend, multi-framework support, or you’re not in the React ecosystem, this is just well-crafted UI glue.