Awesome
<img src="shadcn-preview.png">
<h1 align="center">shadcn-chat</h1> <div align="center"> </div> <p align="center">Package for adding customizable and re-usable chat components to your applications. Build beautiful chat interfaces in minutes.</p>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]