Material Design Components

M3 Catalog 🚀

Ứng dụng này dành cho mục đích demo của nhà phát triển.

📚 Mã nguồn: GitHub - Thành phần thiết kế Material

https://github.com/boltuix-store/Material-Design-Components

📖 Tài liệu: Material 3 Guidelines 2025

https://www.boltuix.com/2025/06/material-3-guidelines-2025.html

Material là hệ thống hướng dẫn, thành phần và công cụ có thể điều chỉnh được, hỗ trợ các phương pháp hay nhất trong thiết kế giao diện người dùng. Được hỗ trợ bởi mã nguồn mở, Material hợp lý hóa sự hợp tác giữa các nhà thiết kế và nhà phát triển, giúp các nhóm nhanh chóng xây dựng các sản phẩm đẹp mắt. 🌟

Thành phần 🛠️

Thành phần Material là các khối xây dựng tương tác để tạo giao diện người dùng.

Sau đây là danh sách toàn diện với các thành phần bổ sung:

* Adaptive 🖥️: Bố cục linh hoạt cho nhiều kích thước màn hình khác nhau

* App Bars: Bottom 📱: Thanh điều hướng và hành động ở dưới cùng màn hình

* App Bars: Top 📍: Thanh điều hướng ở trên cùng màn hình

* Backdrop 🎨: Nội dung nhiều lớp với chế độ xem trước và sau

* Badges 🔔: Huy hiệu cho thông báo hoặc trạng thái trên các thành phần UI (BadgeDrawable)

* Banners 📢: Tin nhắn tạm thời để người dùng chú ý

* Bottom Navigation 🧭: Chuyển đổi giữa các chế độ xem UI ở dưới cùng

* Bottom Sheets ⬇️: Nội dung phụ được neo vào dưới cùng màn hình

* Buttons 👆: Các thành phần cốt lõi để kích hoạt hành động trong UI

* Buttons: Nút hành động nổi (FAB) ➕: Nút hành động nổi cho các hành động chính

* FAB Menus 🔄: Menu mở rộng từ FAB cho các hành động liên quan

* Cards 🗂️: Hiển thị nội dung và hành động cho một chủ đề duy nhất

* Carousel 🎠: Bộ sưu tập các mục có thể cuộn trên và ngoài màn hình

* Checkboxes ✅: Chọn một hoặc nhiều mục hoặc bật/tắt

* Chips 🏷️: Nhập thông tin, lựa chọn, lọc hoặc kích hoạt hành động

* Data Tables 📊: Sắp xếp và hiển thị dữ liệu có cấu trúc

* Date Pickers 📅: Chọn ngày hoặc phạm vi ngày

* Dialogs ❗: Lời nhắc quan trọng trong luồng người dùng

* Dividers ➖: Đường mỏng để nhóm nội dung trong vùng chứa

* Docked Toolbar ⚓: Thanh công cụ cố định cho các hành động thường xuyên

* Floating Toolbar 🛠️: Thanh công cụ động cho các hành động theo ngữ cảnh

* Icon and Segmented Buttons 🖼️: Nút có biểu tượng hoặc tùy chọn phân đoạn để tương tác

* Image Lists 🖼️: Lưới hoặc danh sách hình ảnh

* Lists 📋: Danh sách theo chiều dọc để hiển thị nội dung

* Loading Indicators 🔄: Visual cues cho các quy trình tải ngắn

* MaterialTextView ✍️: Thành phần hiển thị văn bản nâng cao cho Material 3

* Menu 📜: Hiển thị danh sách các lựa chọn trên bề mặt tạm thời

* Navigation Drawer 📂: Chuyển đổi giữa các chế độ xem UI trên các thiết bị lớn hơn

* Navigation Rail 🚆: Chuyển đổi giữa các chế độ xem UI trên các thiết bị cỡ trung

* Progress Indicators ⏳: Hiển thị thời gian chờ không xác định hoặc thời lượng xử lý

* Radio Buttons 🔘: Chọn một tùy chọn từ một tập hợp

* Search Bar 🔍: Nhập từ khóa hoặc cụm từ để biết thông tin có liên quan

* Selection Controls 🎚️: Quản lý các lựa chọn của người dùng (hộp kiểm, nút radio, công tắc)

* Sheets: Bottom 📄: Nội dung phụ ở dưới cùng màn hình

* Sheets: Side 📑: Nội dung phụ được neo vào bên cạnh màn hình

* Side Sheets 📘: Nội dung phụ được neo vào bên cạnh

* Sliders 🎚️: Lựa chọn từ một loạt các giá trị

* Snackbars 🔔: Cập nhật ngắn gọn về các quy trình ứng dụng ở cuối màn hình

* Công tắc 🔄: Bật hoặc tắt lựa chọn một mục

* Tab 📑: Sắp xếp nội dung trên các màn hình và chế độ xem khác nhau

* Trường văn bản ✍️: Cho phép người dùng nhập và chỉnh sửa văn bản trong UI

* Bộ chọn thời gian ⏰: Giúp người dùng chọn và đặt thời gian cụ thể

* Chú giải công cụ 💡: Mô tả ngắn gọn về các thành phần UI

🚀 Hiện đã có trên CodeCanyon

Mua phiên bản Kotlin của Material UIX - bộ công cụ tối ưu của bạn để tạo giao diện người dùng đẹp, hiện đại và phản hồi nhanh.

Mẫu ứng dụng hiện đại - Bộ giao diện người dùng phản hồi và có thể tùy chỉnh cho:

* Jetpack Compose

* Android Kotlin

* Flutter

👉 Tải xuống trên CodeCanyon

https://codecanyon.net/user/boltuix