OILET

Tailwind CSS dashboard kit, Angular in build

Angular Tailwind CSS Admin Dashboard Template, in Build

Viliha for Angular 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 Angular. Built: 75 of 83 component families, as standalone directives on Angular CDK. Not on npm yet, so there is nothing to install this minute. Join the list and we will tell you the day it ships.

  • Tailwind CSS
  • Angular
  • Tailwind CSS and Angular

    Tailwind v4 and one token file underneath, so a change to a variable reaches every Angular screen at once.

  • Angular UI Components

    The component set as native Angular, 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 Angular 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 Angular

  • 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 Angular edition is not built yet. These are the same screens in the React edition, which is what it will be ported from.

  • Dashboard screen of the React admin

    Dashboard

  • Analytics and charts screen of the React admin

    Analytics and charts

  • Data tables screen of the React admin

    Data tables

  • CRM pipeline screen of the React admin

    CRM pipeline

  • Forms and inputs screen of the React admin

    Forms and inputs

  • Calendar screen of the React admin

    Calendar

On Every Screen Size

  • The dashboard on a phone

    On a phone

  • The dashboard on a tablet

    On a tablet

  • The dashboard on a desktop

    On a desktop

Angular 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 frameworkFree editionPro editionHow it differs
Tailwind CSSdefaultOn GitHubIncludedTailwind CSS build and customization
BootstrapPro onlyIncludedBootstrap build and customization
BulmaPro onlyIncludedBulma 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

    Available

    Tailwind CSS admin dashboard for React

    @viliha/vui-react v1.66.0

    View edition
  • Viliha for Next.js

    Available

    Tailwind CSS admin dashboard for Next.js

    @viliha/vui-react v1.66.0

    View edition
  • Viliha for HTML

    Soon

    Tailwind CSS admin dashboard for plain HTML

    @viliha/vui-css v0.3.0

    See what is coming

Log in or sign up

Save what you configure, pick it up on another device, and download what you buy.

or

Accounts are not switched on yet. This is the design ahead of the backend.