Getting Started

Usage

Once installed, you can start using components immediately.
All components are fully typed, built for Svelte 5, and designed to work out of the box with minimal setup.

Basic Example

Use components just like native HTML elements.

Loading...

Variants

Components are built with a powerful variants prop, which control styling.

Loading...

Composing Styles Across Components

You can reuse styles from other components using dot notation.

Loading...

This allows you to:

• Reuse base styles from other components
• Apply variants from different components
• Build consistent UI without duplicating styles

Custom Classes

You can always pass additional classes too.

Loading...

Custom classes are merged using npm package tailwind-merge, so conflicts are resolved automatically.

Visibility

Component's mount/unmount state can be controlled with the isVisible prop.

Loading...

Transitions

All components support transitions using Svelte’s native transition functions.

Loading...