OpenVi Foundation
Docs

Articles / Article

OpenVolt is live: Tailwind components for OpenVue, based on PrimeVue Volt

OpenVolt is the Tailwind CSS side of OpenVue: 69 components you copy into your project and own, built on the MIT fork of PrimeVue. It is actively maintained, tested on every pull request, and installed from releases only.

Nikola Jevrić 3 min read

Read on GitHub

OpenVolt is live at openvolt.openvue.dev.

When we forked PrimeVue 4.5.5 as OpenVue, the goal was to keep the whole MIT ecosystem alive, not only the component library. Volt was the piece still missing, and OpenVolt is our MIT fork of it: maintained, tested and released together with OpenVue.

What is Volt?

Volt is a set of Tailwind CSS components built on top of PrimeVue in unstyled mode. Instead of installing a styled library and fighting its theme, you copy each component into your project as a regular .vue file. The styling is plain Tailwind classes you can read and change, while keyboard support, accessibility and all the hard behaviour still come from the library underneath.

You get the convenience of a full component library and the freedom of owning your UI code.

What is OpenVolt?

OpenVolt is Volt for OpenVue. The same 69 components and the same design, now built on openvue instead of primevue, and maintained by the OpenVi Foundation under the MIT license.

PrimeVue Volt depends on PrimeVue v4, which has moved to security-only maintenance. OpenVolt lives in the OpenVue repository, ships with every OpenVue release, and has an open issue tracker if something needs fixing.

Why OpenVolt

  • Actively maintained. Bugs get reported, fixed and released, together with the library the components are built on.
  • Tested on every pull request. CI installs OpenVolt into a fresh project, type checks it and runs it in a real browser. We fixed the components that failed, and that check now keeps them working.
  • Always installs a release. PrimeVue's Volt CLI clones the repository and copies whatever is on the main branch at that moment. The OpenVolt CLI ships its components inside the package, so you always get the files from a published release, matched to your OpenVue version.
  • Works offline, no git needed. Nothing is downloaded when you add a component, so it works in CI, behind firewalls and on a plane.
  • Your edits are safe. Components you have already customised are never overwritten unless you ask for it.
  • MIT, with no strings attached. No accounts, no license keys, no paid tier.

Get started

Set up OpenVue in unstyled mode with Tailwind CSS by following the Vite or Nuxt guide, then add the components you need:

npx openvolt-vue add Button
npx openvolt-vue add DataTable Dialog DatePicker
npx openvolt-vue add all

The files land in src/volt, and from that moment they are yours.

Already using PrimeVue Volt?

Switching takes two commands. The migration tool moves your project from PrimeVue to OpenVue, and the OpenVolt CLI replaces your Volt components with the OpenVolt versions:

npx @openvue/migrate
npx openvolt-vue add all --overwrite

If you have customised some components, leave out --overwrite and your edited files will be kept.

Give OpenVolt a try and tell us what you think. If a component is missing or something doesn't work the way you expect, open an issue on GitHub, and a star on the repository helps more people find the project.

Originally published on OpenVue on GitHub .

More articles