Material Design Components

Katalog M3 🚀

Aplikasi ini ditujukan untuk keperluan demo pengembang.

📚 Kode Sumber: GitHub - Komponen Desain Material

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

📖 Dokumentasi: Pedoman Material 3 2025

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

Material adalah sistem pedoman, komponen, dan alat yang dapat disesuaikan yang mendukung praktik terbaik desain antarmuka pengguna. Didukung oleh kode sumber terbuka, Material menyederhanakan kolaborasi antara desainer dan pengembang, membantu tim dengan cepat membangun produk yang indah. 🌟

Komponen 🛠️

Komponen Material adalah blok penyusun interaktif untuk membuat antarmuka pengguna. Berikut daftar lengkap dengan komponen tambahan:

* Adaptif 🖥️: Tata letak fleksibel untuk berbagai ukuran layar

* Bilah Aplikasi: Bawah 📱: Bilah navigasi dan tindakan di bagian bawah layar

* Bilah Aplikasi: Atas 📍: Bilah navigasi di bagian atas layar

* Latar Belakang 🎨: Konten berlapis dengan tampilan depan dan belakang

* Lencana 🔔: Lencana untuk notifikasi atau status pada elemen UI (BadgeDrawable)

* Spanduk 📢: Pesan sementara untuk perhatian pengguna

* Navigasi Bawah 🧭: Beralih di antara tampilan UI di bagian bawah

* Lembar Bawah ⬇️: Konten sekunder yang ditambatkan ke bagian bawah layar

* Tombol 👆: Komponen inti untuk memicu tindakan di UI

* Tombol: Tombol Tindakan Mengambang (FAB) ➕: Tombol tindakan mengambang untuk tindakan utama

* Menu FAB 🔄: Menu yang diperluas dari FAB untuk tindakan terkait

* Kartu 🗂️: Menampilkan konten dan tindakan untuk satu subjek

* Carousel 🎠: Kumpulan item yang dapat digulir di layar dan di luar layar

* Kotak centang ✅: Memilih satu atau beberapa item atau mengaktifkan/menonaktifkan

* Chip 🏷️: Memasukkan info, membuat pilihan, memfilter, atau memicu tindakan

* Tabel Data 📊: Mengatur dan menampilkan data terstruktur

* Pemilih Tanggal 📅: Memilih tanggal atau rentang tanggal

* Dialog ❗: Perintah penting dalam alur pengguna

* Pembagi ➖: Garis tipis untuk mengelompokkan konten dalam kontainer

* Toolbar Tertambat ⚓: Toolbar tetap untuk tindakan yang sering dilakukan

* Toolbar Mengambang 🛠️: Toolbar dinamis untuk tindakan kontekstual

* Ikon dan Tombol Tersegmentasi 🖼️: Tombol dengan ikon atau opsi tersegmentasi untuk interaksi

* Daftar Gambar 🖼️: Kisi atau daftar gambar

* Daftar 📋: Daftar vertikal untuk tampilan konten

* Indikator Pemuatan 🔄: Isyarat visual untuk proses pemuatan singkat

* MaterialTextView ✍️: Komponen tampilan teks yang disempurnakan untuk Material 3

* Menu 📜: Menampilkan daftar pilihan pada permukaan sementara

* Laci Navigasi 📂: Beralih antara tampilan UI pada perangkat yang lebih besar

* Rel Navigasi 🚆: Beralih antara tampilan UI pada perangkat berukuran sedang

* Indikator Kemajuan ⏳: Menampilkan waktu tunggu atau durasi proses yang tidak ditentukan

* Tombol Radio 🔘: Memilih satu opsi dari satu set

* Bilah Pencarian 🔍: Memasukkan kata kunci atau frasa untuk informasi yang relevan

* Kontrol Pemilihan 🎚️: Mengelola pilihan pengguna (kotak centang, tombol radio, sakelar)

* Lembar: Bawah 📄: Konten sekunder di bagian bawah layar

* Lembar: Samping 📑: Konten sekunder yang ditambatkan ke sisi layar

* Lembar Samping 📘: Konten sekunder yang ditambatkan ke samping

* Penggeser 🎚️: Membuat pilihan dari berbagai nilai

* Snackbars 🔔: Pembaruan singkat tentang proses aplikasi di bagian bawah layar

* Switches 🔄: Mengaktifkan atau menonaktifkan pilihan item

* Tabs 📑: Mengatur konten di berbagai layar dan tampilan

* Text Fields ✍️: Memungkinkan pengguna memasukkan dan mengedit teks di UI

* Time Pickers ⏰: Membantu pengguna memilih dan mengatur waktu tertentu

* Tooltips 💡: Deskripsi singkat untuk elemen UI

🚀 Kini Tersedia di CodeCanyon

Beli Material UIX versi Kotlin - perangkat utama Anda untuk membuat antarmuka pengguna yang ramping, modern, dan responsif.

Template Aplikasi Modern – Kit UI Responsif dan Dapat Disesuaikan untuk:

* Jetpack Compose

* Android Kotlin

* Flutter

👉 Dapatkan di CodeCanyon

https://codecanyon.net/user/boltuix