Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jakobhoeg/shadcn-chat

CLI for adding customizable and re-usable chat components to your applications. Build beautiful chat interfaces in minutes.
https://github.com/jakobhoeg/shadcn-chat

cli nextjs nextjs14 npm npm-package npx react react-component shadcn shadcn-ui ui-library

Last synced: 18 days ago
JSON representation

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

Awesome Lists containing this project

README

        

[](https://shadcn-chat.vercel.app/)

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](https://github.com/jakobhoeg/shadcn-chat/tree/master/examples/shadcn-chat-example-vercel-ai).

# Documentation

Check out the full documentation and API reference [here](https://docs-shadcn-chat.vercel.app/).

# Installation

> [!NOTE]
> Some of the components rely on [shadcn-ui](https://ui.shadcn.com/docs/installation), 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]
```