Alpha UI now follows a cleaner system-first information architecture.
Design system rebuilt for clarity

The Technical Architect for your UI work.

Alpha UI ships polished React components, structured docs, and a clean navigation system so your app feels organized from the first screen.

25+

Components

5

Docs sections

100%

Type-safe APIs

Quick install

One command to get started

npm
npm install alpha-ui-kit
Inputs, selects, calendars, and toggles with consistent patterns
Button variants with icon slots, loading, and full width
Transfer list and docs pages that mirror the same structured system layout

Trusted by teams building system-first products

Sphere
Nexus
Core
Prism
Flux

Core strengths

Built for precision and reuse.

Tonal layering

Card surfaces, soft elevation, and restrained borders keep the interface legible without looking heavy.

System-first ergonomics

Buttons, inputs, selects, toggles, and transfer lists all expose the kind of API surface teams expect.

Design-system navigation

Home, docs, components, installation, and features are structured like a real component platform.

Production polish

Every primitive is built for reuse, with predictable spacing, accessible states, and clean defaults.

Documentation shell

The docs page feels like a system, not a marketing site.

Navigation, installation, inputs, transfer list, and component index sections are already organized for fast scanning and copy-paste usage.

Left-side navigation
Live examples and code blocks
Inputs-first taxonomy
Docs-first surface
Docs Preview
v1

Next step

Open the docs and wire the components into your app.

Alpha UI is already organized around the same kind of discovery flow you see in mature design systems: docs first, components second, and examples everywhere.