State Relay
Nút có chỉ báo tiến trình
State Relay
Nút hiển thị tiến trình, thành công hoặc lỗi và cho phép thử lại. Bản thử và bộ tải xuống đã sẵn sàng.
Mở ví dụ và mã nguồnĐang tải trang…
Đang tải trang…
Các khối trang, nút, phần tử giao diện khác và hoạt ảnh. Ví dụ đã sẵn sàng có thể tùy chỉnh rồi tải cùng mã nguồn, yêu cầu cho trợ lý AI và hướng dẫn cài đặt.
Có thể sử dụng: 9 / Dự kiến: 23
Chín ví dụ miễn phí đã sẵn sàng: khối trang, nút, tab và hoạt ảnh. Cả 23 mục trả phí đang được lên kế hoạch.
Cho biết thao tác đang chạy, đã xong hay gặp lỗi. Thử bằng cách sao chép văn bản rồi tải mã nguồn cho dự án.
Mở ví dụKết quả: 32Có thể sử dụng: 9 / Dự kiến: 23
React + TypeScriptState Relay
Nút hiển thị tiến trình, thành công hoặc lỗi và cho phép thử lại. Bản thử và bộ tải xuống đã sẵn sàng.
Mở ví dụ và mã nguồnPress Button
Nút hoặc liên kết phản hồi rõ khi di chuột, nhấn và dùng bàn phím.
Mở ví dụ và mã nguồnContent Tabs
Các tab chuyển giữa nội dung liên quan, chẳng hạn mô tả, thông số và hướng dẫn.
Mở ví dụ và mã nguồnContent Reveal
Nội dung xuất hiện nhẹ một lần. Khi tắt hoạt ảnh, nội dung vẫn hiển thị.
Mở ví dụ và mã nguồnStarter Action Band
Khối cuối trang với một hành động chính, chẳng hạn mở biểu mẫu hoặc đăng ký.
Mở ví dụ và mã nguồnStarter Split Hero
Phần đầu của website sản phẩm, gồm hai cột, giới thiệu ngắn và một hành động chính.
Mở ví dụ và mã nguồnStarter Feature Grid
Lưới trình bày từ ba đến sáu lợi ích, mỗi mục có tiêu đề ngắn và phần giải thích.
Mở ví dụ và mã nguồnLine Assemble
Tiêu đề xuất hiện nhẹ theo từng dòng chữ.
Mở ví dụ và mã nguồnLedger Reflow
Các mục trong danh sách di chuyển mượt khi thêm, xóa, lọc hoặc đổi thứ tự.
Mở ví dụ và mã nguồnProduct Demo Hero
Phần đầu trang có ví dụ tương tác để khách truy cập thử sản phẩm của bạn.
Xem mô tảProduct Feature Steps
Trình bày từ ba đến năm tính năng, mỗi mục có giải thích và ví dụ trực quan.
Xem mô tảProduct Pricing Compare
So sánh giá và tính năng các gói trên website của bạn. Không bao gồm xử lý thanh toán.
Xem mô tảEditorial Title Hero
Phần đầu trang portfolio hoặc studio, lấy chữ lớn làm yếu tố chính.
Xem mô tảEditorial Project Index
Danh mục từ ba đến tám dự án, kèm hình ảnh, mô tả và liên kết của bạn.
Xem mô tảEditorial Contact Footer
Phần cuối trang với thông tin liên hệ và liên kết đến các phần của website.
Xem mô tảPlayful Sticker Hero
Phần đầu trang dùng hình khối và sticker riêng để thể hiện phong cách của website.
Xem mô tảPlayful Question Cards
Các thẻ trả lời từ bốn đến tám câu hỏi thường gặp về sản phẩm hoặc dịch vụ của bạn.
Xem mô tảPlayful Orbit CTA
Hành động cuối trang nằm ở trung tâm, với các yếu tố đồ họa bố trí xung quanh.
Xem mô tảSegmented Navigation
Menu gọn để chuyển giữa các trang hoặc các mục trên trang hiện tại.
Xem mô tảMetric Switcher
Chuyển giữa các nhóm số liệu, chẳng hạn theo khoảng thời gian hoặc danh mục.
Xem mô tảProject Card
Thẻ gồm hình ảnh dự án, mô tả ngắn về vai trò của bạn và liên kết đến dự án.
Xem mô tảMedia Gallery
Thư viện từ ba đến mười hai ảnh. Khách truy cập có thể mở ảnh đã chọn ở kích thước lớn hơn.
Xem mô tảMagnetic Button
Nút dịch chuyển nhẹ về phía con trỏ khi di chuột, đồng thời giữ thao tác nhấn và bàn phím thông thường.
Xem mô tảTestimonial Switcher
Bộ đánh giá để khách truy cập tự chọn và chuyển nội dung muốn đọc.
Xem mô tảStagger Group
Các phần tử trong một nhóm xuất hiện lần lượt, với khoảng trễ ngắn giữa các phần tử.
Xem mô tảSoft Mesh Background
Nền gradient mềm cho một khối trên trang, được tạo bằng CSS.
Xem mô tảPointer Spotlight
Vùng sáng trên nền đi theo con trỏ trong một khối mà không thay đổi chữ hoặc nội dung.
Xem mô tảContext Bridge
Nội dung chuyển mượt giữa hai chế độ xem đã chuẩn bị trong cùng một vùng trên trang.
Xem mô tảFocus Plane
Ảnh thu nhỏ chuyển sang chế độ xem chi tiết bằng thay đổi mượt về kích thước và vị trí.
Xem mô tảEdge Unfold
Bảng hoặc menu trượt vào từ cạnh đã chọn và trượt trở lại khi đóng.
Xem mô tảScroll Chapters
Chỉ báo hiển thị mục hiện tại và tiến trình đọc khi khách truy cập cuộn trang.
Xem mô tảMetric Roll
Số chuyển mượt sang giá trị mới theo định dạng số của ngôn ngữ đã chọn.
Xem mô tả