Getting Started

What is Sveltewind?

Sveltewind is a batteries-included component system for Svelte 5.

It provides a set of prebuilt components, a powerful theming system, and a consistent API so you can start building immediately without wiring your own design system.

Not just a component library

Sveltewind is more than a collection of components. It is a system that lets you:

  • Use prebuilt components out of the box
  • Customize them with a global theme
  • Compose styles across components
  • Create your own components using the same conventions
  • Override built-in components when you need full control
  • And more...

Why Sveltewind?

Most UI solutions fall into one of two categories: build everything yourself, which is flexible but slow and inconsistent, or use a component library, which is fast but often rigid and difficult to customize.

Sveltewind is designed to give you both speed and flexibility.

  • Fast to start — install and build immediately
  • Opinionated defaults — consistent design out of the box
  • Fully extensible — customize, extend, or replace anything

Core concepts

Use it your way

Sveltewind is designed to adapt to your workflow. You can use the included components, build your own components with the same system, or override any built-in component when needed. Everything works together, so you do not have to leave the system as your app grows.

When should you use Sveltewind?

Sveltewind is a great fit if you want a fast starting point for Svelte 5 apps, a consistent design system without building one from scratch, and the flexibility to customize or replace components over time.

Installation

Getting started is simple — install the package and you’re ready to go.