O'zbek tiliga moslangan React komponentlar

Tailwind CSS v4 va Radix ustiga qurilgan 32 ta komponent, formatlash va validatsiya funksiyalari, hooklar va dizayn tokenlari. Telefon, karta va so'm — qutidan tayyor.

Boshlash GitHub

pnpm add @akhatmirzo/ui @akhatmirzo/tokens

Nega aynan shu kutubxona

Har bir komponent bir xil qoidalarga bo'ysunadi: bittasini o'rgansangiz, qolganini taxmin qilasiz.

O'zbek tili uchun

Matnlar, lotin-kirill qidiruv, +998 telefon, Uzcard/Humo kartalar va so'm formati — sozlashsiz.

Hammaga qulay (a11y)

Klaviatura bilan to'liq boshqaruv, ekran o'quvchilar uchun ARIA va ko'rinadigan fokus halqasi.

Dark mode

Bitta data-theme="dark" atributi — barcha komponentlar va tokenlar qorong'i rejimga o'tadi.

Tailwind v4 + Radix

Radix primitivlari ustida, semantik tokenlar bilan. className doim ustun turadi.

32 ta komponent

Tugmadan tortib DataTable, DatePicker, CommandPalette va VirtualList'gacha.

Tree-shakeable

ESM va sideEffects: false — ilovangizga faqat ishlatgan narsangiz kiradi.

Jonli ko'rinish

Bular rasm emas — haqiqiy komponentlar. Bosib, yozib, almashtirib ko'ring.

Buyurtma

Faol

Telefon

SMS kod shu raqamga yuboriladi

+998

Summa

Viloyat

BildirishnomalarBuyurtma holati haqida xabar berishShartlarga roziman

Jamoa

FaolKutilmoqdaBekor qilinganv0.1

Qidirish CtrlK

Paketlar

Kerakli qismini o'rnating — har bir paket mustaqil ishlaydi.

@akhatmirzo/uiReact komponentlar: formalar, overlaylar, jadvallar va boshqalar.@akhatmirzo/coreBog'liqliksiz funksiyalar: formatlash, validatsiya, matn, storage va API.@akhatmirzo/hooksQayta ishlatiladigan React hooklar: debounce, hotkeys, localStorage ...@akhatmirzo/tokensDizayn tokenlari: CSS o'zgaruvchilari va Tailwind v4 @theme.

Bir necha daqiqada ishga tushiring

O'rnating, CSS'ni ulang va birinchi komponentingizni chizing.

O'rnatish yo'riqnomasi