← All tools

Andersseen/volt-ui

Popularity 65 Updated Development & Build

⚡ Modern UI building blocks for Angular — copy-and-own components built on signals, Tailwind CSS v4, CVA, and ng-primitives. Accessible, themeable, yours to edit.

githubauto-collected

Installation

A directly usable install command is not verified yet. Check the project documentation or releases.

<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

Copy-and-own Angular components built on signals, Tailwind CSS v4, CVA,<br/ and ng-primitives — accessible, themeable, and yours to edit.

<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 — not a closed, versioned dependency you install and hope stays out of your way, but a source-ownership workflow:

npx @voltui/cli add button
  • 📥 The CLI copies the component source into your project.
  • ✍️ The copied files become your code — edit markup, styles, behavior, variants.
  • 🎨 Restyle through Tailwind v4 tokens instead of fighting a theming API.
  • 📦 Reach for the npm package only when you deliberately want shared themes/utilities.

Why it exists — Angular has strong headless and enterprise UI options, but few focused on the shadcn-style "copy the component and own it" workflow. Volt UI fills that gap with modern Angular 21 patterns: standalone components, OnPush, signals, zoneless compatibility, ng-primitives accessibility behavior, and Tailwind v4 tokens.

Naming note: this project is not affiliated with PrimeVue Volt UI. Here, Volt UI is an independent Angular implementation for the @voltui packages and CLI.

---

✨ Highlights