Getting Started
Installation
Getting started is simple — install the package and you’re ready to go.
terminal
Loading...Tailwind CSS
This library is built on Tailwind CSS. Make sure Tailwind is installed and configured in your project.
If you don’t have Tailwind set up yet, follow the official installation guide for your framework before continuing.
Add the source to Tailwind
To ensure all component styles are included, add the library to your Tailwind source configuration:
app.css
Loading...This allows Tailwind to detect and generate the classes used by the components.
That’s it!
You’re ready to start building. The library comes with:
- Opinionated defaults out of the box
- Full Svelte 5 support
- Built-in transitions
- A flexible theming system
Variants
Components support variants, which control styling.
What is Sveltewind?
Sveltewind is a batteries-included component system for Svelte 5.
Usage
A little blurb should go here