Tailwind CSS dashboard kit, HTML in build
HTML Tailwind CSS Admin Dashboard Template, in Build
Viliha for HTML is in build. The design, the screens and the component set are settled and shared with every other edition; what is left is rendering them natively in HTML. The design tokens and every component style are built, 71 of 83 component families ship as plain HTML you can copy, and 44 of the 50 admin screens ship as page templates extracted from the React application's own build. Fifty-three components are rendered from the React source so the markup matches exactly, and sixteen are overlays shipped as the native element for the job wearing the same classes. The package is not published yet.
- Tailwind CSS
- HTML
Tailwind CSS and HTML
Tailwind v4 and one token file underneath, so a change to a variable reaches every HTML screen at once.
HTML UI Components
The component set as native HTML, not a wrapper around another framework's output.
One Dashboard, Every Framework
The same screens as the other editions, from one source of truth, so a team on HTML and a team on React are looking at one product.
Easy to Customise
Tokens first, then props, then fork the component. You have the source either way.
What This Edition Is
Tailwind CSS admin dashboard for plain HTML
- Dashboard, tables, forms, settings and authentication screens
- Light and dark, both designed rather than inverted
- Responsive from 320px, with navigation and tables built for small screens
- Keyboard paths, focus order and landmarks in the component, not a later pass
- One token file: change a colour, radius or font in one place
- TypeScript source, not a compiled bundle
The Screens, From the React Edition
The HTML edition is not built yet. These are the same screens in the React edition, which is what it will be ported from.
Dashboard
Analytics and charts
Data tables
CRM pipeline
Forms and inputs
Calendar
On Every Screen Size
On a phone
On a tablet
On a desktop
HTML on your CSS framework
The same screens and the same component families, rendered through the CSS vocabulary your team already uses. Tailwind is the source and the others are ports of it, so a class you look up in the documentation means the same thing in all three.
| CSS framework | Free edition | Pro edition | How it differs |
|---|---|---|---|
| Tailwind CSSdefault | On GitHub | Included | Tailwind CSS build and customization |
| Bootstrap | Pro only | Included | Bootstrap build and customization |
| Bulma | Pro only | Included | Bulma build and customization |
What It is Not
This is the interface. It ships without a backend, without a database and without authentication wired to a server: the screens run on a demo adapter until you point them at your own API.
Saying so here costs a sale we would have refunded anyway.
Other Editions
Viliha for React
AvailableTailwind CSS admin dashboard for React
@viliha/vui-react v1.66.0
View editionViliha for Next.js
AvailableTailwind CSS admin dashboard for Next.js
@viliha/vui-react v1.66.0
View editionViliha for Vue.js
SoonTailwind CSS admin dashboard for Vue.js
@viliha/vui-vue v0.4.0
See what is coming