Installation

Set up a new SvelteKit app first, then initialize shadcn-svelte so you can start adding Svelte Prompt Kit components into your project.

Install SvelteKit

Create a fresh SvelteKit project as the base for your setup. Once the app is ready, you can continue with Tailwind CSS and component tooling.

pnpm dlx sv create my-app

Initialize shadcn-svelte

Run the shadcn-svelte initializer inside your SvelteKit app to set up the required project configuration.

pnpm dlx shadcn-svelte@latest init

Usage

Once your project is ready, add a component directly from the registry. The example below installs the Prompt Input component and shows the same preview used on its component page.

pnpm dlx shadcn-svelte@latest add https://sv-prompt-kit.vercel.app/r/prompt-input.json

Need the full install steps, source files, and additional examples? Visit the Prompt Input component page.