Thẻkhối
Bố cục thẻ linh hoạt cho nhiều loại nội dung. 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
Thẻ
15 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
Thẻ khảo sát phản hồi gọn
Ba câu hỏi trong khoảng ba mươi giây: một trường email, một hàng năm sao xem trước khi hover, một ô nhận xét. React và Tailwind. Gửi đến endpoint của bạn.
- 02Pro
Thẻ liên hệ và đánh giá
Bốn trường liên hệ có icon cuối trường trước đánh giá, rồi diễn đạt điểm bằng chữ từ Poor đến Excellent. React và Tailwind. Gắn vào CRM của bạn.
- 03Pro
Thẻ coupon đếm ngược
Đồng hồ giờ, phút, giây chạy sống động dưới một ảnh minh họa coupon và một sticker ưu đãi xoay nghiêng. React và Tailwind. Đặt ngày kết thúc rồi ra mắt.
- 04Pro
Thẻ khóa học có giảng viên
Mở đầu bằng khung icon mã thay vì ảnh, rồi một dải số liệu có kẻ và một hàng giảng viên trên nút Enrol now. React và Tailwind. Nạp giáo trình của bạn.
- 05Pro
Thẻ khóa học có badge giá
Một badge giá nằm vắt qua đường nối giữa ảnh bìa và nội dung, phía trên ba số liệu trong ô icon vuông. React và Tailwind. Định giá rồi xuất bản.
- 06Pro
Thẻ khảo sát chi tiết
Hai mục có tiêu đề thu thập tên và email, hai select, một thanh trượt hài lòng 0 đến 5, một điểm sao và nhận xét. React và Tailwind. Nhận câu trả lời dài.
- 07Pro
Thẻ ưu đãi giảm giá
Một sticker 40 phần trăm xoay nghiêng neo nửa nội dung trong khi một ảnh thời trang cao hết cỡ lấp nửa còn lại. React và Tailwind. Đổi con số rồi chạy.
- 08Pro
Thẻ đánh giá bằng emoji
Năm khuôn mặt emoji là các ô radio từ Very poor đến Loved it, trên một ô nhận xét tùy chọn đếm ngược từ 240. React và Tailwind. Đọc cảm xúc nhanh.
- 09Pro
Thẻ hồ sơ đảo màu
Bề mặt mực đảo màu, luôn ngược với màu trang: chân dung vuông, tiểu sử, ngày tham gia, hashtag, nút mail. React và Tailwind. Dùng làm thẻ tiểu sử.
- 10Pro
Thẻ đăng ký bản tin
Banner minh họa có viền mở đầu, trên tiêu đề NEWSLETTER cỡ lớn và một khối email cùng nút đăng ký nối liền. React và Tailwind. Nối vào danh sách của bạn.
- 11Pro
Thẻ sản phẩm có bộ đếm số lượng
Bộ đếm trừ-cộng thông báo mỗi lần thay đổi nằm cạnh giá gạch ngang, phía trên nút thêm vào giỏ. React và Tailwind. Nối vào giỏ hàng của bạn.
- 12Pro
Thẻ hồ sơ có banner bìa
Một avatar vuông treo nửa ra khỏi dải bìa với một chấm trực tuyến, cạnh nút follow, tiểu sử và thẻ kỹ năng. React và Tailwind. Ghim vào lưới đội ngũ.
- 13Pro
Thẻ bản tin chia đôi
Chia 45 trên 55: một khung minh họa một bên, một trường email có nhãn và nút đăng ký rộng hết cỡ bên kia. React và Tailwind. Đặt vào một sidebar.
- 14Pro
Thẻ tóm tắt gói đăng ký
Huy hiệu chứng nhận trên bốn dòng phân bổ có dấu tích và một khung tô màu nêu khoản phí, ngày thanh toán tiếp theo. React và Tailwind. Hiện khi thanh toán.
- 15Pro
Thẻ bản tin rộng
Một nửa nội dung, một nửa ảnh poster tràn tới mép thẻ, kèm trường email nội tuyến dưới dòng dẫn gạch chân. React và Tailwind. Mời người đọc đăng ký.