<div align="center"
<a href="https://volt-ui.andersseen.dev" <picture <source media="(prefers-color-scheme: dark)" srcset="./docs/hero-dark.png" / <source media="(prefers-color-scheme: light)" srcset="./docs/hero-light.png" / <img alt="Volt UI — Modern UI building blocks for Angular" src="./docs/hero-light.png" width="840" / </picture </a
<h1⚡ Volt UI</h1
Modern UI building blocks for Angular
Angular UI atoms that stay out of the way of your product's own design — built on signals,<br/ Tailwind CSS v4, CVA and ng-primitives. Install the package or copy the source.
<br/
⚡ v1.1 — Consumer DX
Built from what real apps ran into. class now reliably styles the element you expect on every component, <a voltButton routerLink replaces <a<volt-button, forms get sizes and states, toasts and state-driven dialogs no longer need ng-primitives APIs, and Alert + Spinner join the catalog. Fully backwards compatible with 1.0.<br/ See the release notes · upgrade notes · versioning policy
<br/
<br/
🌐 Live Docs · 📦 Components · 🎨 Theme Builder · 🤖 AI / MCP · 📖 Docs
</div
---
💡 What is Volt UI?
Volt UI is an independent Angular component library inspired by shadcn/ui. It provides the atoms — buttons, inputs, cards, badges, tabs, form fields, alerts, overlays — and leaves everything that makes your product yours to your app: layouts, identity, icons, motion, state and domain components.
There are two first-class ways to use it. Pick per project; both are supported for the whole 1.x line.
| | Package mode — @voltui/components | Copy-and-own mode — @voltui/cli | | --------- | ---------------------------------------------------- | ----------------------------------------------------- | | You get | VoltButton, VoltCard… imported from npm | UiButton, UiCard… copied into src/app/ui | | Updates | npm update — centralized, one version across apps | You own the source; re-copy when you choose | | Customize | class (merged with cn()), variants, theme tokens | Edit the component itself | | Best for | Several apps sharing the same atoms and behavior | Apps that want full control and no long-term coupling |
- 🎨 Restyle through Tailwind v4 tokens and class instead of fighting a theming API.
- ♿ Keyboard, focus and ARIA behavior come from ng-primitives, on the native elements you write.