Svelte Shadcn Blocks

A collection of beautifully designed, ready-to-use UI blocks for Svelte 5, built with Tailwind CSS v4 and shadcn-svelte.

Documentation

LLM-friendly documentation is in /static/docs, with normal/ for bold, vibrant blocks and /static/docs/mist for clean, Notion-inspired blocks. Each file provides usage examples and Tailwind styles for AI code generation.

Docs for Mist Variant : Visit

Docs for Normal Variant : Visit

50+ New Mist Blocks

Visit Mist Blocks to see the new blocks.

New Components

Name	Preview
4 New Hero Sections	Preview
7 New Features Blocks	Preview
3 New Faq Blocks	Preview
Forgot Password Blocks	Preview

Features

50+ Ready-to-use UI & Marketing Blocks
Fully Responsive – Works seamlessly across all screen sizes
Light & Dark Mode Support
Built with Modern Technologies – Svelte 5, Tailwind v4, and shadcn-svelte
Easy to Customize – Modify styles and components effortlessly
Optimized for Performance – Fast loading and minimal footprint

Inspiration

This project is inspired from Tailark. The goal is to provide a similar experience for Svelte developers.

If you like this project, please consider supporting me on GitHub Sponsors.

Feedback

If you have any feedback, please reach out to me on Twitter or create an issue on GitHub.

License

Published under the MIT license. Built by @Sikandar Bhide, @Aidan Bleser 💛

@sv/cnblocks

Ratings & Reviews