Get started

The components are built using tailwindcss (opens in a new tab) and also relies on some components from shadcn-ui (opens in a new tab). Make sure to initialize shadcn in your project before proceeding.

I am currenlty in the works of also creating a standalone version of the components that will not rely on shadcn-ui.

Add components by using the npx command in your project root directory:

Add all components

npx shadcn-chat-cli@latest add --all

Add individual components

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

npx shadcn-chat-cli@latest add

Or add a specific component by running the following command:

npx shadcn-chat-cli@latest add <component-name>

The components will be added to the src/components/ui/chat directory.