thl-uiMột bộ UI cho React, Vue & Angular

Headless core TypeScript · adapter native · cấu hình toàn cục · i18n (en · ja · vi · zh) · 12 skin + dark mode.

🧠

Headless core

Store cấu hình, i18n, bộ sinh class BEM và các state machine (table, select, tabs, toast, upload, calendar, validation…) viết bằng TypeScript thuần, dùng chung cho mọi adapter.

⚛️

Adapter native

React (hooks + forwardRef), Vue (plugin + v-model), Angular (standalone + signals + ControlValueAccessor). Cùng tên, cùng markup.

⚙️

Cấu hình toàn cục

Theme, chế độ màu, layout, kích thước, bo góc, z-index, prefix và giá trị mặc định cho từng component — đổi lúc chạy và được lưu lại.

🌏

i18n sẵn có

en / ja / vi / zh với số nhiều Intl, định dạng số & ngày, tải ngôn ngữ lười (lazy) và khoá dịch có kiểu.

🎨

Tuỳ biến giao diện

CSS custom properties (--thl-*), 12 skin, dark mode đầy đủ, hỗ trợ RTL bằng logical properties.

📦

90+ component

Từ Button tới DataTable, DatePicker, Calendar, biểu đồ, AppLayout (dọc / mini / ngang) và bộ trang admin mẫu.

Dùng thử

Các demo trong trang này chạy thật. Dùng hai ô chọn trên thanh điều hướng để đổi ngôn ngữ và skin của demo, nút giao diện để bật dark mode — mọi component đọc cùng một cấu hình toàn cục.