Installation

Add the package, import the stylesheet once, and start using components. No Tailwind, no config.

Install

Works with pnpm, npm and yarn.

Terminal

pnpm add sve-ui
# or: npm install sve-ui
# or: yarn add sve-ui

Import sve-ui/theme.css once at your app root. This ships all component styles and the default theme tokens.

+layout.svelte

// src/routes/+layout.svelte (or your root)
import 'sve-ui/theme.css';

Without the stylesheet, components render unstyled.

It's the only required setup step — there is no Tailwind or config to add.

Import and use. Single components are default imports.

Wrap your app (or any subtree) in ThemeProvider to control light/dark and scope theme overrides. See Theming.

+layout.svelte

<script>
  import { ThemeProvider } from 'sve-ui';
</script>

<ThemeProvider colorScheme="dark">
  <!-- your app -->
</ThemeProvider>