jakobhoeg / shadcn-chat

CLI for adding customizable and re-usable chat components to your applications. Build beautiful chat interfaces in minutes.
https://shadcn-chat.vercel.app
MIT License
960 stars 87 forks source link
cli nextjs nextjs14 npm npm-package npx react react-component shadcn shadcn-ui ui-library

shadcn-chat

[![NPM Version](https://img.shields.io/npm/v/shadcn-chat-cli)](https://www.npmjs.com/package/shadcn-chat-cli) [![Demo Website](https://img.shields.io/website?url=https%3A%2F%2Fshadcn-chat.vercel.app%2F)](https://shadcn-chat.vercel.app/) [![GitHub Repo stars](https://img.shields.io/github/stars/jakobhoeg/shadcn-chat)](https://github.com/jakobhoeg/shadcn-chat/stargazers)

Package for adding customizable and re-usable chat components to your applications. Build beautiful chat interfaces in minutes.

Vercel AI SDK chatbot example

https://github.com/user-attachments/assets/b137f6a2-4565-4b4a-8a58-a8dfe0b66a7a

Build an AI support chatbot from scratch in less than five minutes! Find the code from the video here.

Documentation

Check out the full documentation and API reference here.

Installation

[!NOTE] Some of the components rely on shadcn-ui, so make sure to have it installed.

Use the add command to add components to your project.

It is recommended to install all components at once:

npx shadcn-chat-cli add --all

To view a list of all available components run the following command:

npx shadcn-chat-cli add

Otherwise, install individual components by running:

npx shadcn-chat-cli add [component]