Material Design Components

Questi componenti sono blocchi di costruzione interattivi per la creazione di un'interfaccia utente.

Catalogo M3 🚀

Questa app è a scopo dimostrativo per gli sviluppatori.

📚 Codice sorgente: GitHub - Material Design Components

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

📖 Documentazione: Linee guida Material 3 2025

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

Material è un sistema adattabile di linee guida, componenti e strumenti che supportano le migliori pratiche di progettazione dell'interfaccia utente. Basato su codice open source, Material semplifica la collaborazione tra designer e sviluppatori, aiutando i team a creare rapidamente prodotti di design accattivanti. 🌟

Componenti 🛠️

I componenti Material sono elementi costitutivi interattivi per la creazione di un'interfaccia utente.

Ecco l'elenco completo con i componenti aggiunti:

* Adattivo 🖥️: Layout flessibili per schermi di diverse dimensioni

* Barre delle applicazioni: In basso 📱: Barre di navigazione e azioni nella parte inferiore dello schermo

* Barre delle applicazioni: In alto 📍: Barre di navigazione nella parte superiore dello schermo

* Sfondo 🎨: Contenuto a strati con vista anteriore e posteriore

* Badge 🔔: Badge per notifiche o stato sugli elementi dell'interfaccia utente (BadgeDrawable)

* Banner 📢: Messaggi temporanei per attirare l'attenzione dell'utente

* Navigazione in basso 🧭: Passa da una vista dell'interfaccia utente all'altra in basso

* Fogli in basso ⬇️: Contenuto secondario ancorato alla parte inferiore dello schermo

* Pulsanti 👆: Componenti principali per l'attivazione di azioni in un'interfaccia utente

* Pulsanti: Pulsante di azione mobile (FAB) ➕: Pulsanti di azione mobili per azioni principali

* Menu FAB 🔄: Menu che si espandono dai FAB per azioni correlate Azioni

* Schede 🗂️: visualizza contenuti e azioni per un singolo argomento

* Carosello 🎠: raccolta scorrevole di elementi sullo schermo e fuori dallo schermo

* Caselle di controllo ✅: seleziona uno o più elementi o attiva/disattiva

* Chip 🏷️: inserisci informazioni, effettua selezioni, filtra o attiva azioni

* Tabelle dati 📊: organizza e visualizza dati strutturati

* Selettori di data 📅: seleziona una data o un intervallo di date

* Finestre di dialogo ❗: prompt importanti in un flusso utente

* Divisori ➖: linee sottili per raggruppare i contenuti in contenitori

* Barra degli strumenti ancorata ⚓: barre degli strumenti fisse per azioni frequenti

* Barra degli strumenti mobile 🛠️: barre degli strumenti dinamiche per azioni contestuali

* Pulsanti a icone e segmentati 🖼️: pulsanti con icone o opzioni segmentate per l'interazione

* Elenchi di immagini 🖼️: griglia o elenco di immagini

* Elenchi 📋: Elenchi verticali per la visualizzazione dei contenuti

* Indicatori di caricamento 🔄: Segnali visivi per processi di caricamento brevi

* MaterialTextView ✍️: Componente di visualizzazione del testo migliorato per Material 3

* Menu 📜: Visualizza un elenco di opzioni su una superficie temporanea

* Cassetto di navigazione 📂: Passa da una visualizzazione dell'interfaccia utente all'altra sui dispositivi più grandi

* Barra di navigazione 🚆: Passa da una visualizzazione dell'interfaccia utente all'altra sui dispositivi di medie dimensioni

* Indicatori di avanzamento ⏳: Mostra tempi di attesa non specificati o durata del processo

* Pulsanti di opzione 🔘: Seleziona un'opzione da un set

* Barra di ricerca 🔍: Inserisci parole chiave o frasi per informazioni pertinenti

* Controlli di selezione 🎚️: Gestisci le selezioni dell'utente (caselle di controllo, pulsanti di opzione, interruttori)

* Fogli: In basso 📄: Contenuto secondario nella parte inferiore dello schermo

* Fogli: Laterali 📑: Contenuto secondario ancorato al lato dello schermo

* Fogli laterali 📘: Contenuti secondari ancorati lateralmente

* Slider 🎚️: seleziona un intervallo di valori

* Snackbar 🔔: brevi aggiornamenti sui processi dell'app nella parte inferiore della schermata

* Interruttori 🔄: attiva o disattiva la selezione di un elemento

* Schede 📑: organizza i contenuti su diverse schermate e viste

* Campi di testo ✍️: consente agli utenti di inserire e modificare testo in un'interfaccia utente

* Selettori di orario ⏰: aiuta gli utenti a selezionare e impostare un orario specifico

* Tooltip 💡: brevi descrizioni per gli elementi dell'interfaccia utente

🚀 Ora disponibile su CodeCanyon

Acquista la versione Kotlin di Material UIX: il tuo toolkit definitivo per creare interfacce utente eleganti, moderne e responsive.

Template per app moderne: un kit UI reattivo e personalizzabile per:

* Jetpack Compose

* Android Kotlin

* Flutter

👉 Scaricalo su CodeCanyon

https://codecanyon.net/user/boltuix