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: 6 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/jakobhoeg/shadcn-chat
• Owner: jakobhoeg
• License: mit
• Created: 2024-01-21T10:09:57.000Z (11 months ago)
• Default Branch: master
• Last Pushed: 2024-10-03T23:20:29.000Z (2 months ago)
• Last Synced: 2024-10-29T15:46:58.342Z (about 1 month ago)
• Topics: cli, nextjs, nextjs14, npm, npm-package, npx, react, react-component, shadcn, shadcn-ui, ui-library
• Language: TypeScript
• Homepage: https://shadcn-chat.vercel.app
• Size: 1.79 MB
• Stars: 930
• Watchers: 1
• Forks: 88
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-shadcn-ui - shadcn-chat - Customizable and re-usable chat component for you to use in your projects. (Libraries and components:)
• awesome-shadcn-ui - shadcn-chat - Customizable and re-usable chat component for you to use in your projects. (Libraries and components:)
• awesome-shadcn-ui - shadcn-chat - Customizable and reusable chat component for you to use in your projects. (Libs and Components)
• awesome-shadcn-ui - Shadcn Chat - CLI for adding customizable and re-usable chat components to your applications. (Tools)
• awesome-shadcn-ui - Shadcn Chat - CLI for adding customizable and re-usable chat components to your applications. (Tools)

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]

```