Phần herokhối
Phần hero bắt mắt cho trang đích. Các khối UI React sẵn dùng mang phong cách neo-brutalism — hero, pricing, auth, dashboard và hơn thế nữa. Xem trước mọi kích thước màn hình, sao chép code, hoặc cài qua agent AI với máy chủ MCP của chúng tôi. Chạy được với Radix UI, Base UI và React Aria.
- Hero, bảng giá & auth
- Xem trước mọi điểm dừng
- Sao chép mã nguồn
- MCP đã sẵn sàng cài đặt
- Radix · Base UI · React Aria
- 158 khối đúc sẵn
- Các phần trang được cung cấp
- Bảng điều khiển & tiếp thị
- Pro mở khóa mã
- Bố cục linh hoạt
Duyệt mọi bố cục
Phần hero
8 khối — mở bất kỳ thẻ nào để xem trước toàn màn hình, mã và các bước cài đặt.
- 01Pro
Hero agency có cutout
Tên thương hiệu quá khổ với offset màu cứng dẫn dải tối React và Tailwind này, phía trên hàng avatar và cutout góc. Bán studio.
- 02Pro
Hero công bố
Lưới giấy kẻ mờ che làm nền cho tiêu đề ra mắt căn giữa, gạch chân sóng và hai nút React và Tailwind. Công bố khi chưa có screenshot.
- 03Pro
Hero portfolio căn giữa
Chân dung cắt rộng chạy sát đường kẻ đáy dưới lời chào căn giữa, một từ tiêu đề nghiêng và một nút React và Tailwind. Làm chủ fold.
- 04Pro
Hero designer kèm bằng chứng
Chân dung cutout dẫn dải và số client chia hàng với nút, trong hero React và Tailwind ngôi thứ nhất. Bán một người, không phải logo.
- 05Pro
Hero email newsletter
Một ô email có nhãn và nút Subscribe là hành động duy nhất, kèm bằng chứng người đăng ký và máy bay giấy, React và Tailwind. Nuôi danh sách.
- 06Pro
Hero ra mắt sản phẩm
Khối có viền xoay nằm sau ảnh sản phẩm như sticker, cạnh huy hiệu và nút mua cùng demo, React và Tailwind. Bán một vật thể.
- 07Pro
Hero portfolio chia đôi
Copy và ảnh cutout nằm cạnh nhau để công việc vẫn trên fold, kèm một từ nghiêng và một nút React và Tailwind duy nhất. Hỏi một việc.
- 08Pro
Hero SaaS chia đôi
Nhật ký build bốn bước kèm thời gian lấp đầy khung thay cho ảnh chụp màn hình, cạnh huy hiệu ra mắt và hai nút React và Tailwind.