Material Design Components

Deze componenten zijn interactieve bouwstenen voor het maken van een gebruikersinterface.

M3 Catalogus 🚀

Deze app is bedoeld voor demo-doeleinden voor ontwikkelaars.

📚 Broncode: GitHub - Material Design Components

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

📖 Documentatie: Material 3 Richtlijnen 2025

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

Material is een aanpasbaar systeem van richtlijnen, componenten en tools dat de best practices voor gebruikersinterfaceontwerp ondersteunt. Gebaseerd op open-sourcecode stroomlijnt Material de samenwerking tussen ontwerpers en ontwikkelaars, waardoor teams snel prachtige producten kunnen bouwen. 🌟

Componenten 🛠️

Materialcomponenten zijn interactieve bouwstenen voor het creëren van een gebruikersinterface.

Hier is de uitgebreide lijst met toegevoegde componenten:

* Adaptief 🖥️: Flexibele lay-outs voor verschillende schermformaten

* App-balken: Onder 📱: Navigatie- en actiebalken onderaan het scherm

* App-balken: Boven 📍: Navigatiebalken bovenaan het scherm

* Achtergrond 🎨: Gelaagde content met een voor- en achteraanzicht

* Badges 🔔: Badges voor meldingen of status op UI-elementen (BadgeDrawable)

* Banners 📢: Tijdelijke berichten voor de aandacht van de gebruiker

* Navigatie onderaan 🧭: Schakel tussen UI-weergaven onderaan

* Onderste bladen ⬇️: Secundaire content verankerd aan de onderkant van het scherm

* Knoppen 👆: Kerncomponenten voor het activeren van acties in een UI

* Knoppen: Zwevende actieknop (FAB) ➕: Zwevende actieknoppen voor primaire acties

* FAB-menu's 🔄: Menu's die worden uitgebreid vanuit FAB's voor gerelateerde Acties

* Kaarten 🗂️: Geef inhoud en acties voor één onderwerp weer

* Carrousel 🎠: Scrolbare verzameling items op en buiten het scherm

* Selectievakjes ✅: Selecteer een of meer items of schakel ze in/uit

* Chips 🏷️: Voer informatie in, maak selecties, filter of activeer acties

* Gegevenstabellen 📊: Organiseer en geef gestructureerde gegevens weer

* Datumkiezers 📅: Selecteer een datum of datumbereik

* Dialogen ❗: Belangrijke prompts in een gebruikersstroom

* Verdelers ➖: Dunne lijnen om inhoud in containers te groeperen

* Vastgezette werkbalk ⚓: Vaste werkbalken voor frequente acties

* Zwevende werkbalk 🛠️: Dynamische werkbalken voor contextuele acties

* Pictogram- en gesegmenteerde knoppen 🖼️: Knoppen met pictogrammen of gesegmenteerde opties voor interactie

* Afbeeldingslijsten 🖼️: Raster of lijst met afbeeldingen

* Lijsten 📋: Verticale lijsten voor inhoudsweergave

* Laadindicatoren 🔄: Visuele aanwijzingen voor korte laadprocessen

* MaterialTextView ✍️: Verbeterde tekstweergavecomponent voor Material 3

* Menu's 📜: Geef een lijst met keuzes weer op een tijdelijk oppervlak

* Navigatielade 📂: Schakel tussen UI-weergaven op grotere apparaten

* Navigatierail 🚆: Schakel tussen UI-weergaven op middelgrote apparaten

* Voortgangsindicatoren ⏳: Toon niet-gespecificeerde wachttijden of procesduur

* Keuzerondjes 🔘: Selecteer één optie uit een set

* Zoekbalk 🔍: Voer trefwoorden of zinnen in voor relevante informatie

* Selectieknoppen 🎚️: Beheer gebruikersselecties (selectievakjes, keuzerondjes, schakelaars)

* Bladen: Onder 📄: Secundaire inhoud onderaan het scherm

* Bladen: Zijkant 📑: Secundaire inhoud verankerd aan de zijkant van het scherm

* Zijbladen 📘: Secundaire content verankerd aan de zijkant

* Schuifregelaars 🎚️: Maak selecties uit een reeks waarden

* Snackbars 🔔: Korte updates over app-processen onderaan het scherm

* Schakelaars 🔄: Schakel de selectie van een item in of uit

* Tabbladen 📑: Organiseer content over verschillende schermen en weergaven

* Tekstvelden ✍️: Sta gebruikers toe tekst in een gebruikersinterface in te voeren en te bewerken

* Tijdkiezers ⏰: Help gebruikers een specifieke tijd te selecteren en in te stellen

* Tooltips 💡: Korte beschrijvingen van gebruikersinterface-elementen

🚀 Nu beschikbaar op CodeCanyon

Koop de Kotlin-versie van Material UIX - jouw ultieme toolkit voor het creëren van strakke, moderne en responsieve gebruikersinterfaces.

Moderne app-sjabloon – Een responsieve en aanpasbare gebruikersinterface voor:

* Jetpack Compose

* Android Kotlin

* Flutter

👉 Download het op CodeCanyon

https://codecanyon.net/user/boltuix