cnblocks

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

Key Features

• 100+ Ready-to-use UI & Marketing Blocks in two design variants:
  • Normal: Vibrant, bold design for marketing and UI components
  • Mist: Clean, minimal Notion-inspired design for documentation/content-heavy apps
• Free & Open Source (MIT licensed)
• Fully Responsive across all screen sizes
• Light & Dark Mode support
• Easy Customization of styles and components
• CLI Support via jsrepo CLI for installation/updates

Target Audience

Svelte developers looking for pre-built, customizable UI components to build:

• Landing pages
• Marketing sites
• Dashboards
• Documentation/content-heavy applications

Documentation

• LLM-friendly docs available in /static/docs
• Separate documentation for each variant:
  • Normal variant docs
  • Mist variant docs
  • MCP Server Integration docs

Preview

View all blocks at: Svelte Shadcn Blocks

Project Structure

The library follows a component-based structure with:

• Core shadcn-svelte UI components
• 50+ UI & Marketing blocks (Normal variant)
• 50+ Notion-style blocks (Mist variant)