Bài 05-Mẫu React
Duyệt qua bộ sưu tập mẫu React miễn phí của chúng tôi để bắt đầu xây dựng ứng dụng của bạn bằng Material UI, bao gồm bảng điều khiển React, trang tiếp thị React, v.v.
Mẫu miễn phí
Bộ sưu tập mẫu Material UI miễn phí được tuyển chọn của chúng tôi bao gồm bảng điều khiển, trang tiếp thị, trang đăng nhập và đăng ký, blog, luồng thanh toán, v.v. Chúng có thể được kết hợp với một trong các dự án ví dụ để tạo thành một bản khởi động hoàn chỉnh.
Các phần của mỗi bố cục được định nghĩa rõ ràng bằng các bình luận hoặc sử dụng các tệp riêng biệt, giúp trích xuất các phần của trang (chẳng hạn như "đơn vị anh hùng" hoặc chân trang) để sử dụng lại ở các trang khác một cách đơn giản. Đối với các ví dụ nhiều phần, một bảng trong README tại vị trí mã nguồn được liên kết sẽ mô tả mục đích của từng tệp.
Bảng điều khiển
Một bộ sưu tập các biểu đồ và thành phần phức tạp trong bố cục bảng điều khiển phản hồi.
Trang tiếp thị
Bố cục trang tiếp thị đáp ứng với các mục thường thấy trong các trang tiếp thị.
Thanh toán
Quy trình thanh toán từng bước với số bước có thể điều chỉnh (hoặc tùy chọn).
Đăng nhập
Một trang đăng nhập đơn giản sử dụng các trường văn bản, nút, hộp kiểm, liên kết và nhiều nội dung khác.
Phía đăng nhập
Trang đăng nhập có bố cục hai cột sử dụng các trường văn bản, nút và nhiều nội dung khác.
Đăng ký
Một trang đăng ký đơn giản sử dụng các trường văn bản, nút, hộp kiểm, liên kết và nhiều nội dung khác.
Blog
Bố cục trang blog được trau chuốt. Hỗ trợ Markdown được cung cấp bởi markdown-to-jsx.
Bạn thấy có chỗ nào cần cải thiện không? Vui lòng mở một vấn đề hoặc yêu cầu kéo trên GitHub, theo hướng dẫn đóng góp .
Mẫu cao cấp
Bạn đang tìm kiếm thứ gì đó nhiều hơn? Bạn có thể tìm thấy các mẫu và chủ đề đầy đủ trong phần mẫu cao cấp .
Toolpad Core (beta)
Toolpad Core là một tập hợp các thành phần được thiết kế để xây dựng bảng điều khiển và các công cụ nội bộ. Nó tận dụng bộ thành phần hiện có do Material UI cung cấp và liên kết chúng lại với nhau để giúp bạn tạo ứng dụng nhanh chóng.
Hiển thị mã