TechFleet Design SystemOne consistent UI, built on MUI Core.

Atoms, molecules, and organisms — themed to the Tech Fleet brand, responsive on a 4px grid, and accessible to WCAG 2.2 AA. Import everything from @/design-system.

Get started

Browse components

Responsive & a11y

Owned, not forked

A single owned layer on Material UI Community (MIT). We own the API, the theme, and every custom component — MUI ships us upstream fixes. Not a fork; not the paid MUI X.

Atomic Design

Every piece is an atom, molecule, or organism, with a strict dependency rule. Shared vocabulary so designers and engineers mean the same thing.

4px grid, 12 columns

theme.spacing = 4px. A responsive 12-column Grid, Container, and Stack. Mobile-first, fluid from 320px up — no fixed-pixel widths.

WCAG 2.2 AA

Visible focus rings, keyboard operability, ARIA-wired forms, reduced-motion, and AA contrast in light and dark — verified with axe + jsx-a11y in CI.

Tech Fleet brand

Poppins body, Futura headings (no Roboto), the signature asymmetric-radius button, and the tf-card surface — the brand re-expressed as an MUI theme.

Batteries included

Buttons, inputs, the RHF form-field layer, dialogs, menus, tabs, data grid (AG Grid), charts (recharts) — importable from one place, documented here.