Installation

Install and configure Svelte Shadcn Blocks in a new or existing SvelteKit app.

Setup Steps

Create or open a sveltekit project

Terminal

Add Tailwind CSS

Terminal

Initialize shadcn-svelte

Terminal

Install block using shadcn-svelte CLI

Terminal

Or simply copy and paste components

Open any preview route, copy the component code, and paste it into your app. Start with Hero Block, Mist, or Veil.