This project provides over 50 pre-built UI and marketing blocks for Svelte 5 applications, leveraging Tailwind CSS v4 and shadcn-svelte. It targets Svelte developers seeking to accelerate frontend development with customizable, responsive, and modern components, offering both "normal" and "mist" (Notion-inspired) variants.

How It Works

The project utilizes Svelte 5's new features and shadcn-svelte for accessible, themeable UI components. Tailwind CSS v4 handles styling, enabling rapid development and easy customization. The blocks are designed for direct integration, with embedded usage examples and Tailwind styles intended to be LLM-friendly for AI-assisted code generation.

Quick Start & Requirements

• Install via npm: npm install
• Run development server: npm run dev
• Prerequisites: Node.js, npm/yarn/pnpm.
• Documentation: [Normal Variant](Visit Docs for Normal Variant), [Mist Variant](Docs for Mist Variant)

Highlighted Details

• 50+ ready-to-use UI and marketing blocks.
• Fully responsive design across all screen sizes.
• Supports both Light and Dark modes.
• Built with Svelte 5, Tailwind CSS v4, and shadcn-svelte.

Maintenance & Community

• Contributors: @Sikandar Bhide, @Aidan Bleser.
• Feedback: Reach out on Twitter or create a GitHub issue.
• Sponsorship: Supported via GitHub Sponsors.

Licensing & Compatibility

• License: MIT.
• Compatibility: Permissive MIT license allows for commercial use and integration into closed-source projects.

Limitations & Caveats

The project is inspired by Tailark, aiming to replicate its functionality for the Svelte ecosystem. Specific performance benchmarks or detailed comparisons are not provided in the README.