Components

Sixty-four component families, and every one of them reads the same tokens. That is the part worth understanding before you look at any individual component: nothing here has its own colours.

How a component gets its appearance

Class strings live in @viliha/vui-core and are shared by all six editions. A card is not a card because each edition writes the same Tailwind classes; it is a card because all six import the same string. When the design system changes a radius, every edition changes with it.

That is also why the @source lines in each edition's stylesheet matter. Tailwind emits the classes it can see, and these live in a package that reaches the components through imports rather than appearing literally in your JSX.

The families

Seeing them rather than reading about them

Each demo has a page per family, and the live demos are the fastest way to judge them:

• React and Next.js
• Vue and Angular
• HTML and Laravel

What is not in the free tier

The searchable and multi-select dropdown variants, drag-and-drop upload, and the advanced data table with server-side pagination. Those are Pro, and they are absent rather than shown disabled, because a control you cannot use is worse than one you can see is not included. See Free and Pro.