Không phải website nào cũng phải trông giống nhau.

RetroUI là bản fork neo-brutalist của shadcn/ui — 50+ thành phần React, cùng các khối và mẫu, được vẽ bằng viền dày, đổ bóng mạnh và màu sắc rực rỡ. Bên dưới là Radix hoặc Base UI. Mã nguồn là của bạn.

Nhận toàn quyền truy cập Xem các thành phần

Được yêu thích bởi 1,500+ nhà phát triển & nhà thiết kế

Tung ra thứ gì đó nổi bật

Mọi thành phần trên bảng này đều là thành phần RetroUI thật, hoạt động được. Cứ thử nghịch xem.

Tung ra Đọc tài liệu

Chế độ tối

Mới50+RTL

Mức độ hỗn loạn

100% thành phần thật

50+ thành phần
Radix & Base UI
Tương thích với shadcn CLI
Mã nguồn mở
158 khối dựng sẵn
Khối & mẫu
Kèm bộ Figma
Hỗ trợ RTL
Chế độ tối
Hỗ trợ máy chủ MCP
Neo-brutalism mãi mãi

Thiết kế để tung ra nhanh
mà không nhàm chán

Một hệ sinh thái dành cho nhà phát triển: nền tảng đáng tin cậy, các thành phần tái sử dụng và toàn quyền kiểm soát mã nguồn. Được tạo ra để phát triển và duy trì giao diện khi sản phẩm của bạn lớn dần.

Sẵn sàng cho CLI

Sao chép, dán hoặc dùng ngay CLI của bạn

Mọi thành phần đều cài bằng shadcn CLI mà bạn vẫn dùng — hoặc sao chép mã nguồn ngay từ tài liệu. Dù cách nào, mã cũng nằm trong repo của bạn, sẵn sàng để chỉnh sửa.

npx shadcn add @retroui/button

Tailwind v4

Tùy biến hoàn toàn

Mọi thành phần là của bạn, chỉnh sửa tùy thích. Với Tailwind CSS, bạn điều chỉnh màu sắc, viền, đổ bóng và hoạt ảnh cho khớp thương hiệu của mình.

React + TS

Tích hợp với tech stack yêu thích của bạn

Hòa hợp mượt mà với ứng dụng React dùng TypeScript và Tailwind CSS, tuân theo quy chuẩn shadcn/ui mà vẫn linh hoạt trên nhiều framework.

AI · MCP

Hỗ trợ máy chủ MCP cùng shadcn

Trỏ trình soạn thảo AI của bạn tới máy chủ MCP của RetroUI, nó có thể thêm thành phần theo tên — không cần sao chép dán, không phải chuyển ngữ cảnh.

npx shadcn@latest mcp init

Thành phần UI
neo-brutalist

Khám phá các thành phần shadcn UI có khả năng mở rộng, thiết kế với Base UI và Radix UI — hoàn hảo cho trang đích, bảng điều khiển SaaS và ứng dụng web hiện đại.