Thống kêkhối
Thành phần hiển thị thống kê và chỉ số. 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ống kê
9 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
Số liệu biểu đồ vùng
Biểu đồ vùng bảy ngày về doanh thu và chi phí chung thẻ với tổng và huy hiệu chênh lệch, trên bốn con số. React và Tailwind: thay mảng trend.
- 02Pro
Bảng số liệu bento
Hai thẻ tăng trưởng hẹp kết thúc bằng liên kết xem chi tiết, cạnh thẻ thương hiệu rộng gấp đôi mang con số chính. React và Tailwind: trỏ liên kết vào báo cáo.
- 03Pro
Hàng số liệu icon gọn
Dải số liệu ngắn nhất trong bộ: bốn thẻ, mỗi thẻ một ô icon cạnh một con số và nhãn hai từ. React và Tailwind: đặt ngay dưới hero của bạn.
- 04Pro
Khung số liệu chia ngăn
Một dải màu tràn viền với ba con số chung một khung, chia bằng đường kẻ hai pixel. React và Tailwind: đổi chữ rồi đặt vào giữa các mục.
- 05Pro
Số liệu biểu đồ donut
Donut hài lòng với điểm số trong lỗ giữa, kẹp giữa bốn thẻ xen kẽ đen trắng. React và Tailwind: đổi tỷ lệ trong một mảng.
- 06Pro
Khảm số liệu kèm CTA
Lời pitch một bên, bằng chứng một bên: tiêu đề và hai nút cạnh khảm ô cao thấp. React và Tailwind: cân lại các ô khi cần.
- 07Pro
Số liệu kèm mũi tên xu hướng
Mỗi thẻ ghim mũi tên tròn và mức thay đổi so với năm trước trên cùng một đường chuẩn. React và Tailwind: đặt xu hướng lên hoặc xuống.
- 08Pro
Bảng điều khiển metric cửa hàng
Bộ chuyển ngày, tuần, tháng, năm hoán bốn thẻ KPI, phía dưới là chia doanh thu và danh sách sản phẩm top. React và Tailwind: fetch object figures.
- 09Pro
Thẻ số liệu nổi bật
Ba thẻ metric trên texture mờ với đúng một thẻ tô màu thương hiệu, để mắt chọn người thắng. React và Tailwind: di chuyển cờ highlight.