Introduction

Sivir UI has 58 Svelte 5 components that share one Tailwind CSS v4 token sheet. Import them from the package, or copy their source into your project with the sivir CLI.

Two ways to use it

Package import. Install @sivir-ui/svelte and import components from the package. Updates arrive as package upgrades.

CLI source copy. Run the sivir CLI to copy component files into your repo and edit them like your own code. sivir add does not overwrite existing files unless you pass --overwrite.

Requirements

Svelte 5 (the CLI defaults assume SvelteKit)
Tailwind CSS v4

Any package manager works. The docs show Bun commands; use the npm or pnpm equivalent if you prefer.

Quick start

Package import:

bun add @sivir-ui/svelte
# then in your CSS:
# @import '@sivir-ui/svelte/ui.css';

CLI source copy:

bunx @sivir-ui/svelte init -y
bunx @sivir-ui/svelte add button

Installation · Theming · Components

Two ways to use it

Requirements

Quick start

Next