React components built for Uzbek

Thirty-two components on Tailwind CSS v4 and Radix, plus formatting and validation helpers, hooks and design tokens. Phone numbers, cards and so'm amounts work out of the box.

Get started GitHub

pnpm add @akhatmirzo/ui @akhatmirzo/tokens

Why this library

Every component follows the same conventions — learn one and you can guess the rest.

Made for Uzbek

Uzbek copy, Latin–Cyrillic search, +998 phones, Uzcard/Humo cards and so'm formatting — no setup.

Accessible by default

Full keyboard support, proper ARIA for screen readers and a visible focus ring.

Dark mode

One data-theme="dark" attribute switches every component and token to the dark palette.

Tailwind v4 + Radix

Built on Radix primitives with semantic tokens. Your className always wins.

32 components

From buttons all the way to DataTable, DatePicker, CommandPalette and VirtualList.

Tree-shakeable

ESM with sideEffects: false — your bundle only gets what you import.

See it live

These are not screenshots — they are the real components. Click, type and toggle.

Order

Active

Phone

We'll text a code to this number

+998

Amount

Region

NotificationsTell me when the order status changesI accept the terms

Team

ActivePendingCancelledv0.1

Search CtrlK

Packages

Install only what you need — each package works on its own.

@akhatmirzo/uiReact components: forms, overlays, tables and more.@akhatmirzo/coreZero-dependency helpers: formatting, validation, text, storage and API.@akhatmirzo/hooksReusable React hooks: debounce, hotkeys, localStorage and more.@akhatmirzo/tokensDesign tokens: CSS variables and a Tailwind v4 @theme.

Up and running in minutes

Install the packages, wire up the CSS and render your first component.

Installation guide