keenthemes/reui

🎨 ReUI — 1000+ component shadcn/ui miễn phí, demo trong layout dashboard thực tế

Vượt xa các mẫu AI mặc định, xây dựng giao diện React cao cấp nhanh hơn mà không cần động vào phần lõi.

ReUI là thư viện component mã nguồn mở miễn phí cho hệ sinh thái shadcn/ui, được phát triển bởi đội ngũ Keenthemes. Kho component này có hơn 1.000 component sẵn sàng cho production, trải đều trên 68 danh mục — và điểm đặc biệt là mỗi component đều được trình bày bên trong một layout dashboard thực tế, không phải demo cô lập. Bạn chỉ cần copy trực tiếp vào dự án React của mình.

✨ Điểm nổi bật

• 17 in-house components độc quyền: Data Grid, Kanban, Filters, Sortable, Timeline, Stepper, Tree và nhiều component khác không có trong shadcn/ui mặc định, được thiết kế cho nhu cầu dashboard thực tế.
• 1.000+ registry components: Các ví dụ tái sử dụng được ghép từ shadcn/ui primitives thành luồng sản phẩm thực tế.
• Dual API: Cả 17 in-house components đều có phiên bản Radix UI và Base UI để bạn lựa chọn.
• Copy-and-Own Model: Không cần cài npm package, không bị lock-in — toàn bộ mã nguồn nằm trong repo của bạn.
• Data Grid mạnh mẽ: Bảng nâng cao dựa trên TanStack Table + Virtual, hỗ trợ drag-and-drop, pinning, resizing và infinite scroll.
• Filters tích hợp URL state: Panel lọc dữ liệu với TanStack Table, xác thực bằng Zod, hỗ trợ đa loại trường.
• Tương thích toàn diện: Hoạt động với tất cả theme của Shadcn Create (Vega, Nova, Maia, Lyra, Mira), New York, Default và mọi tùy chỉnh color token.
• TypeScript & MIT License: Toàn bộ component và registry blocks được gõ đầy đủ, miễn phí mãi mãi.

💡 Vì sao đáng chú ý

ReUI giải quyết đúng điểm yếu phổ biến của các thư viện component hiện nay: demo thì đẹp nhưng khi ghép vào dự án thật thì vỡ layout. Thay vì chỉ cho bạn vài component rời rạc, ReUI đặt từng component trong một dashboard hoàn chỉnh, giúp bạn hình dung ngay component đó hoạt động trong bối cảnh sản phẩm thực. Cách tiếp cận "copy-and-own" cũng rất hợp với triết lý của shadcn/ui — không thêm dependency, bạn làm chủ toàn bộ mã nguồn.

Đặc biệt, bộ 17 in-house components như Data Grid, Kanban hay Filters là những thứ mà dashboard hiện đại gần như luôn cần nhưng shadcn/ui mặc định không có. Với cả hai phiên bản Radix UI và Base UI, ReUI phù hợp cho các team React/Next.js đang muốn tăng tốc xây dựng sản phẩm mà vẫn giữ chất lượng giao diện cao cấp.

#Shadcn #React #ComponentLibrary #OpenSource #TiniX