Antumo Design SystemOne design system, three stacks.

Tokens, components, and framework integrations for Angular + PrimeNG, Blazor / Bootstrap 5, and vanilla HTML — light and dark out of the box.

Get Started

Browse Components

Live Catalog

CSS + JS (npm)

@antumo/design — Bootstrap 5 compatible classes, design tokens as CSS variables, and zero-dependency JS for modals, sidebars, tooltips. Works with Angular + PrimeNG or plain HTML.

CSS + JS setup

Blazor / .NET (NuGet)

Antumo.Blazor — one NuGet package bundles the full stylesheet, fonts, all Lucide icons as typed components, and Razor wrappers for sidebar, page header, and select. No npm required.

Blazor setup

Verified against Figma

39 component canvases mapped Figma ↔ CSS, light + dark, with 774 hex checks. Ask "is this button the right color?" and get a sourced answer — no opening Figma.

Figma ↔ CSS map

Install in 30 seconds

npm — Angular / vanillaNuGet — Blazor / .NET

bash

npm install @antumo/design

bash

dotnet add package Antumo.Blazor

html

<!-- CSS: all tokens + components + fonts, one file -->
<link rel="stylesheet" href="node_modules/@antumo/design/web/dist/antumo.css">

<!-- JS: modal, sidebar, tooltip, theme -->
<script src="node_modules/@antumo/design/web/dist/antumo.min.js"></script>

Then use standard Bootstrap 5 class names, styled the Antumo way: