NeobrutalistReact UI Figma kit
Bộ kit Figma mang phong cách neo-brutalism, map 1:1 với component React — 300+ component kèm variants, auto-layout và chú thích class Tailwind. Token sáng và tối đi kèm; Pro mở khóa kit.
- 300+ thành phần Figma
- Các biến thể và auto-layout
- Tailwind chú thích lớp
- Chuyển đổi bản đồ 1:1 sang mã nguồn
- Các mã thông báo sáng và tối
- Đi kèm với bộ sưu tập “Pro”
- Các mã thông báo chủ đề được tích hợp sẵn
- Thiết kế → đưa vào sản xuất
- Thiết kế theo phong cách Neobrutalist
- v1.3 bộ dụng cụ
Tỷ lệ Thiết kế và
Phát triển
Một hệ thống theo phong cách neo-brutalism tại Figma và React — bao gồm các thành phần, biến thể, tính năng tự động bố cục và các token tương thích với bộ công cụ mã nguồn, giúp thiết kế và kỹ thuật không còn bị tách rời nhau.
Mỗi thành phần cơ bản, với tư cách là một thành phần thuộc loại “Figma”
Các nút trong các hộp thoại và các thành phần khác được cung cấp dưới dạng các thành phần thực sự của Figma kèm theo các biến thể. Hãy thiết kế dựa trên chính thư viện mà ứng dụng của bạn đã cài đặt — chứ không phải là một mô hình giả lập tạm thời mà đội kỹ thuật phải xây dựng lại từ đầu.
Tailwind các lớp trên mọi lớp
Các lớp được gắn chú thích kèm theo các hàm tiện ích tương ứng trong mã nguồn. Quá trình chuyển giao chỉ đơn giản là sao chép và dán tên lớp, chứ không phải điều chỉnh khoảng cách lề bằng mắt thường.
Chỉ cần chọn chủ đề một lần — toàn bộ bộ công cụ sẽ tự động được thiết lập theo
Các biểu tượng sáng và tối phản ánh chủ đề mã nguồn. Chỉ cần hoán đổi các thành phần chính, bề mặt và kiểu chữ trong bộ công cụ, mọi đối tượng sẽ được cập nhật ngay lập tức, giống như cách các biến trong CSS thay đổi chủ đề cho trang web.
Đượ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
Figma bộ dụng cụ
FAQ
Hệ thống thiết kế.fig của “Pro” trên trang này — nội dung tệp, tải xuống có điều kiện, chú thích “Tailwind” và cách hệ thống này kết hợp với mã nguồn.