Bỏ qua đến nội dung
1.6k

Tạo giao diện mang phong cách retro với Neobrutalism.

Trước đây là RetroUI.

Mọi trang web đều trông giống hệt nhau vì ai cũng sử dụng cùng một bộ cài đặt mặc định — và những sản phẩm AI kém chất lượng đang tràn ngập trên mạng. Neobrutalism chính là liều thuốc giải: các thành phần, khối và mẫu dành cho React và CLI của shadcn/ui — trên nền Radix hoặc Base UI. Hãy cài đặt một thành phần và tự mình trải nghiệm.

Nhận toàn quyền truy cậpXem các thành phần
100% thành phần thật
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 Neobrutalism.com 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
⌘Kđể tìm trong tài liệu
  • 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

Dựng sẵn và tùy biến được
Mẫu

Tất cả mẫu

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.

Xem tất cả thành phần

Dựng nhanh hơn với 200+
Khối

Các phần trang sẵn sàng cho production — khối hero, bảng giá, lưới tính năng và hơn thế — thả thẳng vào sản phẩm của bạn.

Về chúng tôi

Kể câu chuyện và sứ mệnh của công ty bạn.

Trí tuệ nhân tạo

Giao diện trò chuyện và trợ lý dùng AI.

Xác thực

Màn hình đăng nhập và đăng ký.

Lưới bento

Bố cục lưới hiện đại với nhiều khối nội dung khác nhau.

Blog

Hiển thị các bài viết của bạn.

Kêu gọi hành động

Các CTA thuyết phục giúp tăng tương tác người dùng.

Thẻ

Bố cục thẻ linh hoạt cho nhiều loại nội dung.

Tuyển dụng

Giới thiệu vị trí tuyển dụng và cơ hội nghề nghiệp.

Liên hệ

Biểu mẫu liên hệ và các phần thông tin.

Câu hỏi thường gặp

Các câu hỏi thường gặp và câu trả lời.

Khối tính năng

Giới thiệu tính năng và lợi ích của sản phẩm.

Chân trang

Chân trang website với liên kết và thông tin.

Xem tất cả khố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@latest add https://neobrutalism.com/r/base/button.json
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 Neobrutalism.com, 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

Được yêu thích bởi nhà phát triển, nhà thiết kế
& người sáng tạo

  • Tình cờ thấy bộ UI kit của bạn và lấy về dùng ngay. Mãi sau mình mới xem Twitter của tác giả và thực sự ấn tượng khi thấy dự án còn mới, được duy trì tích cực và liên tục cải tiến. Mê lắm bạn ơi, làm quá tuyệt 🤘

    Ziv Reich, Nhà phát triển phần mềm

  • Chỉ muốn nói là bạn làm neobrutalism.com tuyệt lắm. Mình thích thật sự. Mình dở tệ khoản thiết kế nên cái này đúng là cứu tinh. Đã dùng cho trang cá nhân của mình.

    Paul Bratslavsky, Nhà sáng tạo Coding With Paul

  • Cuối cùng cũng dựng lại xong trang cá nhân — cảm ơn @DovAzencot rất nhiều vì đã giới thiệu cho mình thư viện Neobrutalism.com thú vị của cậu ấy.

    Cameron Blackwood, Nhà sáng tạo nội dung

  • Hai thư viện thành phần UI phong cách retro mình thích nhất: 1. https://neobrutalism.com của @DovAzencot, 2. https://neobrutalism.dev của @samuelbreznjak

    Zhengyang Hou, Indie hacker

  • một trong những thư viện ui mình thích nhất cho web. làm tốt lắm, Arif. mong dự án tiến xa hơn nữa.

    Taseen Tanvir, Nhà sáng lập & nhà thiết kế

  • Vừa thử Neobrutalism.com Pro và thật lòng thấy thật sảng khoái khi có một bộ UI kit không giống mọi thứ khác. Các khối neo-brutalist đúng là đỉnh 🔥, giúp việc dựng thử những layout kỳ quặc, vui mắt nhanh hơn hẳn.

    Nitesh Padghan, Ghostwriter

Được cộng đồng yêu thích

Mã nguồn mở từ trong lõi — nhà phát triển gắn sao, bàn tán về nó và thiết kế với nó mỗi ngày.

1.6K+Sao GitHub

Nhà phát triển gắn sao cho các thành phần mã nguồn mở.

750+Thành viên Discord

Người dựng trao đổi khối, chủ đề và góp ý.

250+Người dùng Figma

Thiết kế với bộ Neobrutalism.com Pro.