100% Free & Open Source React Design System

Xây dựng giao diện hiện đại với @zentrix/ui

Bộ thư viện UI chuẩn doanh nghiệp tối ưu cho React 19, Tailwind CSS v4 và không gian màu OKLCH. Tích hợp sẵn Sheet Book (Sổ tay tra cứu 1-click) giúp dev copy code cực nhanh.

$bun add @zentrix/ui @tabler/icons-react

Trải nghiệm Component Trực Tiếp

Thử đổi Theme Preset trên thanh header để thấy toàn bộ màu sắc cập nhật theo chuẩn OKLCH.

Thương Hiệu & Logo
ZentrixLogo tự thích ứng dark/light
Zentrix
Zentrix
md
Hoạt độngBảo trìLỗi mạng
Nút Bấm & Trạng Thái Tải
Zero layout-shift loading state
StatCard KPI
Widget thống kê doanh thu
Doanh Thu Tháng
₫ 189,450,000
↑ +24.5%so với tháng trước

Được Thiết Kế Tỉ Mỉ Cho Developer Velocity

Tất cả những gì bạn cần để tạo ứng dụng web chuẩn mực, dễ bảo trì và hiệu năng cao.

Sổ Tay Sheet Book 1-Click

Tìm kiếm tức thì theo tên, xem import và JSX snippet, bấm 1 nút là copy xong để paste ngay vào mã nguồn dự án.

6 Theme Presets Động (OKLCH)

Hỗ trợ Emerald, Cyber Blue, Royal Violet, Sunset Amber, Vibrant Pink và Slate Zinc. Đổi theme runtime không giật lag.

React 19 & Tailwind CSS v4

Không phụ thuộc CSS-in-JS runtime nặng nề. Hỗ trợ Server Components và Client Components hoàn hảo.

DataTable TanStack Sẵn Sàng

Tích hợp @tanstack/react-table với sorting, pagination, selection và custom cell rendering.

100% Free & Open-Source

Giấy phép MIT hoàn toàn tự do. Tự lưu trữ hoặc triển khai tĩnh lên Cloudflare Pages miễn phí vĩnh viễn.

Bộ Test & Storybook Đầy Đủ

Được bảo vệ bởi 23 bài test tự động và Storybook 8 tương tác độc lập để preview UI catalog.