Installation

Prerequisites

Before installing, ensure you have the following:

First, you'll need to install and configure shadcn-svelte in your project. Follow the installation guide at shadcn-svelte documentation.

Once shadcn-svelte is set up, you can install svelte prompt-kit components using the shadcn CLI.

Install components individually using the following format:

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/p/[component-name].json

Replace [component-name] with the name of the component you want to install.

Here are some examples of installing specific components:

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/p/prompt-input.json

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/p/message.json

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/p/chain-of-thought.json

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/p/chat-container.json

After installation, import and start using the components in your project. Here are some common import patterns:

Here's a simple example combining Message components:

For AI assistants and LLMs, we provide a comprehensive llms.txt file with all component documentation: