Tạo giao diện mang phong cách retro với Neobrutalism.
Trước đây là RetroUI.
NeoBrutalism là thư viện component UI retro cho React và Next.js — component mã nguồn mở, kèm block, template và bộ Figma trong gói Pro. Đăng nhập để quản lý gói Pro, tải tài nguyên và mời đồng đội.
Thêm Button neobrutal, block Pricing và hero — React + Tailwind, qua MCP
Xong. Agent AI đã tìm trong registry và có thể cài component thật.
Máy chủ MCP- 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
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.
Accordion
Bảng nội dung có thể mở rộng.
Alert
Thông báo nhắc nhở.
Avatar
Ảnh đại diện người dùng.
Badge
Nhãn báo trạng thái.
Breadcrumb
Đường dẫn điều hướng.
Nút
Kích hoạt hành động tương tác.
Switch
Công tắc bật / tắt.
Lịch
Lưới chọn ngày.
Card
Khung chứa nội dung.
Checkbox
Ô chọn nhiều mục.
Dialog
Cửa sổ modal.
Tab
Nội dung chia theo thẻ.
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.
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.
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.jsonTù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.
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.
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 và lấy về dùng ngay. Còn mới, duy trì tích cực và liên tục cải tiến — 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 với Neobrutalism.com — thư viện thú vị, rất dễ bắt đầu!
Cameron Blackwood, Nhà sáng tạo nội dung Neobrutalism.com là một trong những thư viện thành phần UI phong cách retro mình thích nhất — component ship được thật.
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 — 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 — UI kit không giống mọi thứ khác. Các khối neo-brutalist 🔥 giúp dựng layout kỳ quặc nhanh hơn hẳn.
Nitesh Padghan, Ghostwriter Thiết kế landing page đẹp, cân bằng và nhịp chảy hoàn hảo. Bảng màu kết hợp animation tạo trải nghiệm người dùng xuất sắc.
Alan Obeng-Peprah, Senior Designer @ NativeXAI Tôi thực sự ấn tượng với thiết kế họ giao. Sản phẩm cuối khớp đúng với những gì tôi hình dung.
Desmond, Đồng sáng lập @ VectorlabsVentures Là chủ agency, tôi thường mất cả tuần hoàn thiện layout landing cho khách. Với Neobrutalism.com, tôi gắn template, chỉnh copy là sẵn sàng ship.
Duke Opoku Amankwah, Nhà sáng lập @ Midas Template không chỉ đẹp mắt mà còn cấu trúc cực tốt. Tiết kiệm cho chúng tôi cả tuần phát triển.
Abiola Braimah, Developer @ Studio IX Chất lượng vượt trội và chú ý đến chi tiết. Thiết kế responsive hoạt động mượt trên mọi thiết bị.
Acromond X., Đồng sáng lập @ VectorlabsVentures Tích hợp các template này vào quy trình đã rút ngắn đáng kể chu kỳ phát triển. Làm việc xuất sắc.
Raquib S., Backend Developer Những template này đã trở thành nguồn tham chiếu của chúng tôi. Code sạch, tài liệu tốt và dễ tùy biến.
Hallic M., Developer @ AtlasLabs Template Neobrutalism.com cân bằng hoàn hảo giữa thẩm mỹ và chức năng. Thật sự thay đổi cách làm dự án của chúng tôi.
Ibrahim S., Frontend Lead @ ScaleUp Hỗ trợ xuất sắc và template chất lượng premium. ROI của các template này thật ấn tượng.
Kevin K., CEO @ WebCraft Template Neobrutalism.com đã hoàn toàn thay đổi cách chúng tôi tiếp cận dự án khách. Chất lượng code xuất sắc và thiết kế đẳng cấp.
Danny G., Nhà sáng lập DevStack Tôi đã dùng nhiều thư viện template, nhưng Neobrutalism.com nổi bật nhờ tối ưu hiệu năng và kiến trúc code sạch.
Ian D., CTO tại Wavelength Animation và micro-interaction trong các template này thật sự ấn tượng. Khoản đầu tư tốt nhất cho team thiết kế.
Ben S., Lead Designer tại PixelPerfect Là founder không technical, template Neobrutalism.com giúp chúng tôi launch MVP kỷ lục mà không hy sinh chất lượng thiết kế. Nhà đầu tư rất ấn tượng.
Matthew I., Nhà sáng lập startup Tôi thích cách các component này modular và được tài liệu hóa tốt. Chúng tôi trộn ghép mảnh từ nhiều template rất mượt.
Garrett P., Frontend Lead tại TechFusion ROI của template Neobrutalism.com thật sự lớn. Chúng tôi giảm mạnh thời gian phát triển mà vẫn giao site chất lượng hơn cho khách.
Xavier C., Chủ agency
Giới thiệu
NeoBrutalism
Chúng tôi là ai, thương hiệu bao gồm gì và nên đi đâu tiếp trên site — không phải hướng dẫn cài đặt hay đào sâu giá.