VoidSakura Interface Kit

The component library, tokens and motion rules behind VoidSakura, delivered as React source with full theming for light and dark.

Design Developer tools

Current version: 1.2.01 Aug 2026

$49.00

One-time purchase. Updates included.

Documentation

Signed, expiring downloads
Every future update included
Support from the people who built it

The same design system this site is built on, delivered as source rather than a compiled package.

It includes the token layer — colour, radius, elevation and motion — as CSS custom properties, and the React components built on top of them: buttons, fields, surfaces, dialogs, sheets, menus, tables, empty and loading states.

Everything ships with accessible defaults: visible focus, semantic markup, keyboard operability and a reduced-motion path that removes decorative animation entirely rather than merely shortening it.

What it does

Token layer first

Colour, radius, elevation and motion as CSS custom properties, so retheming does not mean rewriting components.

Accessible by default

Visible focus, semantic markup, keyboard operability and a genuine reduced-motion path in every component.

Source, not a bundle

Delivered as readable TypeScript and CSS you can modify, not a minified package.

Light and dark parity

Both themes are designed, not derived. Nothing is an inverted afterthought.