@sv/cnblocks
Svelte Shadcn Blocks offers 50+ UI & marketing components for building responsive landing pages.
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.
Sponsor
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 💛