GitHub

Blazor · headless brain + styled helm

Beautiful components
you copy in and own.

navius add button · the source lands in your repo

Styled Blazor components on a real headless primitive engine. The brain keeps the ARIA, keyboard, and focus behaviour correct; every visible class is yours to edit. Open Source.

Get started Browse components Source lands in your repo

Notifications

Pick what you want to hear about.

Releases

New versions and changelogs.

Comments

Replies to your threads.

Mentions

When someone @mentions you.

2 of 3 enabled

the card is live · flip the switches · running in WebAssembly

The brain

Accessible by construction.

Every component sits on a headless Navius primitive that owns the hard half: focus trapping, scroll locking, anchored positioning, roving focus, dismissal, and the ARIA contract. Delete every class and the behaviour still works.

  • Tab is trapped inside open dialogs, and restored on close.
  • Esc and outside clicks dismiss, cancelably.
  • ↑↓ rove menus and lists; type-ahead jumps to items.
  • ⌘K try it: the search on this site is built the same way.
Tokens

Re-theme everything through tokens.

The helm styles against an OKLCH token palette. Change the tokens and every component follows: no forks, no overrides. The runtime engine adds six live dimensions when you want an in-app customizer.

open the full theme engine

--primary

oklch(0.628 0.237 27.3)

--radius

--radius: 0.75rem

No component changes: the preview wrapper sets the custom properties inline and everything inside re-themes. This site's own signal-red look is the same trick applied to the stock helm.

Runtime engine

The full engine switches six dimensions globally and can export the resolved CSS.

badge

Focus ring, checked state, radius

All driven by the tokens on the left.

Motion

Motion is one class away.

Springs solved in C# (Navius.Motion.SpringSolver), baked into linear() easings, ship as plain CSS. Flip the switch and the same helm components forward one motion-* class: a shake, a pulse, a shimmer, a spring-pop dialog. No JavaScript on the wire, and it all rests under prefers-reduced-motion.

the params are real, and off by default · read /docs/motion

Motion

On

Shake="true"

Pulse="true"

Shimmer="true"

Motion="motion-pop"

One switch, four real opt-in params on stock helm components. Off, they render byte-identical markup: the motion-* class is just not there. The springs are baked in C# and shipped as plain CSS, so there is no JavaScript on the wire.

ZitsFieldError.Shake
ZitsBadge.Pulse
Live Idle
ZitsSkeleton.Shimmer
ZitsDialogContent.Motion
Showcase

Composed from real components

Buttons

Six variants, four sizes.

Notifications

Choose what you hear about.

Create account

Enter your email to get started.

FAQ

Yes: ARIA, keyboard, and focus come from the brain.

Deploy

A modal, with a real focus trap.

build · passing

01 · Brain

Accessible by construction

ARIA, keyboard, focus and state: solved once in C# driving a small JS engine.

02 · Helm

Styled, and yours

Tailwind components and an OKLCH token theme you copy in and edit freely.

03 · CLI

Copy-paste distribution

navius add <component> drops the source into your project.