Material Design Components

M3 Katalog 🚀

Diese App dient Entwicklern als Demo.

📚 Quellcode: GitHub – Material Design-Komponenten

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

📖 Dokumentation: Material 3 Richtlinien 2025

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

Material ist ein anpassbares System aus Richtlinien, Komponenten und Tools, das die Best Practices im User-Interface-Design unterstützt. Basierend auf Open-Source-Code vereinfacht Material die Zusammenarbeit zwischen Designern und Entwicklern und hilft Teams, schnell ansprechende Produkte zu entwickeln. 🌟

Komponenten 🛠️

Material-Komponenten sind interaktive Bausteine ​​für die Erstellung einer Benutzeroberfläche.

Hier ist die vollständige Liste der hinzugefügten Komponenten:

* Adaptiv 🖥️: Flexible Layouts für verschiedene Bildschirmgrößen

* App-Leisten: Unten 📱: Navigations- und Aktionsleisten am unteren Bildschirmrand

* App-Leisten: Oben 📍: Navigationsleisten am oberen Bildschirmrand

* Hintergrund 🎨: Mehrschichtiger Inhalt mit Vorder- und Rückseite

* Badges 🔔: Badges für Benachrichtigungen oder Status von UI-Elementen (BadgeDrawable)

* Banner 📢: Temporäre Nachrichten zur Benutzeraufmerksamkeit

* Untere Navigation 🧭: Wechseln zwischen UI-Ansichten am unteren Bildschirmrand

* Untere Tabellen ⬇️: Sekundärer Inhalt, verankert am unteren Bildschirmrand

* Schaltflächen 👆: Kernkomponenten zum Auslösen von Aktionen in einer UI

* Schaltflächen: Schwebender Aktionsbutton (FAB) ➕: Schwebende Aktionsbuttons für primäre Aktionen

* FAB-Menüs 🔄: Aus FABs erweiterbare Menüs für verwandte Aktionen

* Karten 🗂️: Inhalte und Aktionen zu einem einzelnen Thema anzeigen

* Karussell 🎠: Scrollbare Elementsammlung auf und außerhalb des Bildschirms

* Kontrollkästchen ✅: Elemente auswählen oder ein-/ausschalten

* Chips 🏷️: Informationen eingeben, Auswahl treffen, filtern oder Aktionen auslösen

* Datentabellen 📊: Strukturierte Daten organisieren und anzeigen

* Datumsauswahl 📅: Datum oder Datumsbereich auswählen

* Dialoge ❗: Wichtige Eingabeaufforderungen im Benutzerfluss

* Trennlinien ➖: Dünne Linien zum Gruppieren von Inhalten in Containern

* Angedockte Symbolleiste ⚓: Feste Symbolleisten für häufige Aktionen

* Schwebende Symbolleiste 🛠️: Dynamische Symbolleisten für kontextbezogene Aktionen

* Symbol- und segmentierte Schaltflächen 🖼️: Schaltflächen mit Symbolen oder segmentierten Optionen zur Interaktion

* Bildlisten 🖼️: Raster oder Liste mit Bildern

* Listen 📋: Vertikale Listen zur Inhaltsanzeige

* Ladeanzeigen 🔄: Visuelle Hinweise für kurze Ladevorgänge

* MaterialTextView ✍️: Verbesserte Textanzeigekomponente für Material 3

* Menüs 📜: Anzeige einer Auswahlliste auf einer temporären Oberfläche

* Navigationsleiste 📂: Wechsel zwischen UI-Ansichten auf größeren Geräten

* Navigationsleiste 🚆: Wechsel zwischen UI-Ansichten auf mittelgroßen Geräten

* Fortschrittsanzeigen ⏳: Anzeige nicht festgelegter Wartezeiten oder Prozessdauer

* Optionsfelder 🔘: Auswahl einer Option aus einer Liste

* Suchleiste 🔍: Eingabe von Schlüsselwörtern oder Ausdrücken für relevante Informationen

* Auswahlsteuerung 🎚️: Verwaltung der Benutzerauswahl (Kontrollkästchen, Optionsfelder, Schalter)

* Tabellen: Unten 📄: Sekundärer Inhalt am unteren Bildschirmrand

* Tabellen: Seitlich 📑: Sekundärer Inhalt am Bildschirmrand verankert

* Seitentabellen 📘: Sekundärer Inhalt seitlich verankert

* Schieberegler 🎚️: Auswahl aus einem Wertebereich

* Snackbars 🔔: Kurze Updates zu App-Prozessen am unteren Bildschirmrand

* Schalter 🔄: Auswahl eines Elements ein- oder ausschalten

* Tabs 📑: Inhalte über verschiedene Bildschirme und Ansichten hinweg organisieren

* Textfelder ✍️: Ermöglichen Nutzern das Eingeben und Bearbeiten von Text in einer Benutzeroberfläche

* Zeitauswahl ⏰: Unterstützen Nutzer beim Auswählen und Festlegen einer bestimmten Zeit

* Tooltips 💡: Kurze Beschreibungen von Benutzeroberflächenelementen

🚀 Jetzt auf CodeCanyon verfügbar

Kaufen Sie die Kotlin-Version von Material UIX – Ihr ultimatives Toolkit für die Erstellung eleganter, moderner und responsiver Benutzeroberflächen.

Moderne App-Vorlage – Ein responsives und anpassbares UI-Kit für:

* Jetpack Compose

* Android Kotlin

* Flutter

👉 Jetzt auf CodeCanyon herunterladen

https://codecanyon.net/user/boltuix