Introduction
Everything you need to start using Svelte Shadcn Blocks.
Overview
Svelte Shadcn Blocks ships production-ready UI blocks built with Svelte 5, shadcn-svelte primitives, and Tailwind CSS v4.
The new docs v2 focuses on better navigation, predictable route structure, and consistent content composition through markdown components.
Available Variants
| Variant | Style | Best For |
|---|---|---|
| Normal | Bold marketing visuals | Landing pages and campaigns |
| Mist | Minimal and documentation friendly | Content-heavy product websites |
| Veil | Polished modern SaaS look | Startup and product pages |
Quick Start
- Go to the installation guide and set up base dependencies.
- Pick your preferred theme setup flow (Mist or Veil).
- Use MCP docs if you want AI-assisted block installation workflows.
Start with Installation and continue with the theme setup that matches your project.