Volt UI is a modern design system for building consistent, high-quality interfaces fast. It gives you reusable components, design tokens, and utilities so your UI stays cohesive without slowing you down.
Built on Svelte — chosen for its simplicity, tiny bundles, near-zero runtime, and code that feels like plain HTML/CSS/JS. Our mission: make beautiful interfaces quick and enjoyable to build.
Installation
Install with npm:
Set up alias
Make sure you svelte.config.js file includes an alias:
Importing styles
Add this to your main Svelte file:
Importing components
Use this in any svelte file to import components:
Design Tokens
The foundation of Volt UI: reusable values for colors, spacing, typography, etc.
Use them via CSS variables like var(--v-color-primary).
See the full list in the design tokens docs.
Components
Ready to use components — buttons, forms, navigation and more. Start with the Layout component to get your structure and spacing right from the beginning. See the full collection in the components documentation.