Installation

Get started with Volt UI Svelte in your project.

Install the package

npm install @epilot/volt-ui-svelte

Or with pnpm:

pnpm add @epilot/volt-ui-svelte

Import the styles

Import the CSS in your app's entry point:

@import "@epilot/volt-ui-svelte/style.css";

/* Optional: Import the preflight.css file only if you need it */
@import "@epilot/volt-ui-svelte/preflight.css";

Note: The preflight.css file is optional and can be used to reset the browser's default styles. If your application already has preflight styles, you can skip this import.

Configure Tailwind CSS

Volt UI uses Tailwind CSS v4. Make sure your project has Tailwind CSS v4 configured.

Usage

Import and use components in your Svelte files:

<script>
  import { Button, Field, FieldInput, FieldLabel } from "@epilot/volt-ui-svelte"
</script>

<Button variant="primary">Click me</Button>

<Field>
  <FieldLabel>Email</FieldLabel>
  <FieldInput type="email" placeholder="you@example.com" />
</Field>