hadcn chat

Getting Started

  • 1
    Install Shadcn-Svelte

    Begin by setting up shadcn-svelte in a SvelteKit project.

    See the docs here
  • 2
    Install necessary components

    Add the following shadcn components to your project.

    npx shadcn-svelte@next add button textarea avatar
  • 3
    Step

    Initialize the chat components with

    npx @shadcn-svelte-chat/cli init

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

Example

US
Hello, how has your day been? I hope you are doing well.
AI
Hi, I am doing well, thank you for asking. How can I help you today?
US
Did you by chance have a look at the chat component?
AI
No I didn't. But will check when I have time
US
API Reference