Introduction

SaaS UI Svelte is an open-source design system for building modern web applications with a native, high-quality feel.

Inspired by macOS and premium tools like Linear, Attio, and Superhuman, it provides intuitive primitives that empower developers to create beautiful, user-friendly interfaces without sacrificing development velocity.

Whether you're building a simple dashboard or a complex enterprise application, SaaS UI Svelte helps you deliver polished experiences that users love.

Features

  • Built for Svelte 5 - Leveraging runes and snippets for optimal performance and developer experience.
  • Accessible by default - All components follow WAI-ARIA guidelines using Ark UI primitives.
  • Beautiful design - Carefully crafted components inspired by premium SaaS applications.
  • Dark mode ready - Built-in support for light and dark themes.
  • Fully customisable - Extend and modify components to match your brand.

Sponsors

Acknowledgements

SaaS UI Svelte is built with the help of many amazing libraries and their authors, without them this wouldn't be possible.

  • Svelte - The reactive framework powering our components.
  • Ark UI - Headless UI primitives providing accessibility and behaviour.
  • Phosphor Icons - Beautiful, flexible icon family.
  • Tailwind CSS - Utility-first CSS framework for styling.
  • SaaS UI - The original React design system that inspired this port.