60+ open-source primitives · v0.1

The React component library built for total customization

Copy the source, own the code, and reshape every token. Switch the theme and tune radius, color, shadows, and density live — the entire page below updates instantly.

Browse components

60+ components9 themesLight + dark built inMIT licensed

ThemeStone

Accent

Radius 8px

Shadow 18%

Border 1px

Density

Actions

Buttons

Registry releaseReady to publish

Quick actionsCmdKEsc

Finance app

Transfer funds

Compact payment form with summary, selects, and a clear primary action.

Amount

USD

From account

To account

Estimated arrivalTodayTransaction fee$0.00Total amount$1,200.00

Surfaces

Cards and layout

Quiet containers for metrics, settings rows, media, separators, and loading.

Total balance$12,480.20

16:9Stable preview frame

Security review

Two checks are ready for approval.

Ready

Registry sync

A compact item row with icon, copy, and trailing content.

Support app

Ticket inbox

Search, tabbed queues, message rows, and escalation actions.

Feedback

Status and empty states

Alerts, badges, toast, progress, skeletons, and empty states.

Build complete

The component bundle and generated types are ready.

SavedYour component settings were updated.

LiveHealthyReviewError

No saved views

Create a view once you have a preferred filter and layout.

Content

FAQ and text hierarchy

Disclosure content and copy blocks that do not overpower the UI.

Typography primitives

Readable headings and body copy should stay quiet, aligned, and predictable.

No. The components are meant to be copied into an app, edited locally, and reshaped around the product.

Readable section title

Body copy should sit below the title with enough contrast to scan and enough restraint to stay secondary.

Settings app

Profile settings

Account controls with avatar, identity fields, visibility, and save state.

HyzrUI workspace

Personal account

Active

Display name

Public email

Show profile in registryLet contributors find the maintainer profile.

Forms

Fields and controls

Labels, inputs, selects, choices, switches, textarea, slider, and grouped inputs.

Used for account notifications.

Role

Amount

USD

Native select

Date field

One-time code

Notes

Email updatesSend product and billing alerts.Require reviewAsk for approval before publishing.

DensityCompactMore data per screenComfortableDefault spacing

Preview width52%

Workflow app

Release review

Status, task rows, assignees, and toolbar actions in one review card.

PR-2847Component registry update

5 checks complete. 1 approval waiting.

TypeScript buildPassedToken contrastPassedMobile layoutPassed

LVNPAM

Reviewers assigned

Commerce app

Checkout summary

Payment field, order line items, and a final action with quiet hierarchy.

Design system kit

Team license, billed monthly

$49

Card number

Expiry

CVC

Subtotal$49.00Tax$3.92

Overlays

Dialog, sheet, popover, hover card

Focused surfaces for confirmation, secondary settings, and contextual detail.

Developer UI

Console

A focused terminal surface with readable command output and neutral chrome.

component-buildlocal

$hyzrui add button card faq console

inforesolved component source files

buildcompiled 50 primitives

warncustomize tokens after the base system is strong

Docs app

Command search

Searchable docs with shortcuts, preview rows, and content navigation.

Getting started

Install primitives, copy source, then tune tokens.

IntroductionComponentsThemingCLI

Navigation

Menus, tabs, sidebars, pages

Navigation components for dashboards, docs, settings, and app shells.

Collaboration app

Invite team

Simple account form with roles, copy affordance, and a sticky action.

No team members

Invite your team to collaborate on this workspace.

Invite linkapp.co/invite/x8f2k

Analytics app

Traffic channels

Metrics, chart-like display, filters, and report navigation.

Desktop1,224Mobile860Delta+42%

Data

Tables, calendar, command

Readable data display and fast navigation for product applications.

Component	Group	Status
Button	Actions	Ready
Input Group	Forms	Ready
Sidebar	Navigation	Ready
Popover	Overlay	Ready
Console	Developer	Ready

June 2026

SuMoTuWeThFrSa

Metric card

Activity card

Status card

Resizable panel

Drag the corner to test flexible app panels.

ANPGLK

3 reviewers assigned

Developer app

Deploy console

Environment rows, run controls, status feedback, and terminal output.

Productionhyzrui-web

Last deployed 8 minutes ago.

DATABASE_URLSetNEXT_PUBLIC_APISetSTRIPE_SECRETSet

deployready

$npm run build

nextcompiled successfully

shipdeployment queued for production

Platform app

API keys

Searchable credentials with status, copy controls, and calm destructive actions.

Productionpk_live_••••_92fLive

Previewpk_test_••••_1acTest

Billingsk_live_••••_7deLocked