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
Components
Sveltewind provides a set of primitives and higher-level components.
Variants
Variants control styling and can be composed across components.
Theming
All components use a shared theme system with a global theme by default, optional local theme overrides, and full support for customization.
Transitions
All components support native Svelte transitions.
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.