Tairo

A dashboard system for Nuxt built on Shuriken UI and Tailwind v4. Hundreds of prebuilt pages — banking, transactions, commerce, lifestyle — that have to feel like one product a developer can ship without redrawing anything.

Design systemProduct UIWebsite

ClientCss Ninja

Year2025

RoleProduct design

TimelineOngoing

Request an audit ↗Talk about a similar project

The homepage: one promise, one action, and the components themselves doing the demonstrating.

Work details

TypeDashboard system · UI kit

IndustryDeveloper tools · admin templates

ClientCss Ninja

RoleProduct design and UI system

Year2025

TimelineOngoing

StatusShipped · commercial product

DeliverablesPrebuilt page set, layout shells, docs UI

Fonts

KarlaInter

Colours

Built with

Nuxt

Vue

TypeScript

Tailwind CSS

Figma

Built on Shuriken UI: Tairo adds the layouts, the page set and the data shapes, and inherits the component contracts rather than restyling them.

What it needed

Hundreds of pages that must not look like hundreds of authors.

A dashboard kit lives or dies on consistency. Buyers open five random pages, and if the sidebar behaves differently, the cards use three radii and one screen is denser than the rest, the whole thing reads as a template pack instead of a system. Tairo covers banking, transactions, finance, commerce and lifestyle — genuinely different data — and every one of those pages had to look designed by the same hand on the same afternoon.

What I did

Shell

One shell for everything: icon rail, expandable section list, content column, right column for context. Switching from a banking page to a soccer page changes the middle, never the furniture.

Pages

Each domain gets the screens it actually needs — account balance, quickview, transfers, expenses — rather than the same dashboard with different labels.

Flows

Multi-step tasks like sending money get their own full-screen layout with the step rail on the left and a review before the irreversible action. A kit that ships no flows leaves the hardest part to the buyer.

Data

Figures are drawn with real shapes: a balance with today’s delta, a chart with dated ticks, a match table with live and scheduled rows. Nothing is a grey box standing in for content.

Sale

The marketing page renders the product instead of describing it — the widget wall is live components, so the first screen and the purchase are the same evidence.