Material Design Components

Catalogue M3 🚀

Cette application est destinée à la démonstration pour les développeurs.

📚 Code source : GitHub - Composants Material Design

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

📖 Documentation : Material 3 Guidelines 2025

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

Material est un système adaptable de directives, de composants et d'outils qui adhèrent aux meilleures pratiques de conception d'interfaces utilisateur. S'appuyant sur un code open source, Material simplifie la collaboration entre designers et développeurs, aidant ainsi les équipes à créer rapidement de superbes produits. 🌟

Composants 🛠️

Les composants Material sont des blocs de construction interactifs permettant de créer une interface utilisateur.

Voici la liste complète des composants ajoutés :

* Adaptatif 🖥️ : Dispositions flexibles pour différentes tailles d'écran

* Barres d'applications : Bas 📱 : Barres de navigation et d'action en bas de l'écran

* Barres d'applications : Haut 📍 : Barres de navigation en haut de l'écran

* Arrière-plan 🎨 : Contenu superposé avec vue avant et arrière

* Badges 🔔 : Badges pour les notifications ou l'état des éléments de l'interface utilisateur (BadgeDrawable)

* Bannières 📢 : Messages temporaires pour attirer l'attention de l'utilisateur

* Navigation inférieure 🧭 : Basculer entre les vues de l'interface utilisateur en bas

* Feuilles inférieures ⬇️ : Contenu secondaire ancré en bas de l'écran

* Boutons 👆 : Composants principaux pour déclencher des actions dans une interface utilisateur

* Boutons : Bouton d'action flottant (FAB) ➕ : Boutons d'action flottants pour les actions principales

* Menus FAB 🔄 : Menus s'étendant des FAB pour les actions associées

* Cartes 🗂️ : Affichez le contenu et les actions pour un sujet unique

* Carrousel 🎠 : Collection d'éléments déroulants à l'écran

* Cases à cocher ✅ : Sélectionnez un ou plusieurs éléments ou activez/désactivez-les

* Puces 🏷️ : Saisissez des informations, effectuez des sélections, filtrez ou déclenchez des actions

* Tableaux de données 📊 : Organisez et affichez des données structurées

* Sélecteurs de dates 📅 : Sélectionnez une date ou une plage de dates

* Boîtes de dialogue ❗ : Invites importantes dans un flux utilisateur

* Séparateurs ➖ : Lignes fines pour regrouper le contenu

* Barre d'outils ancrée ⚓ : Barres d'outils fixes pour les actions fréquentes

* Barre d'outils flottante 🛠️ : Barres d'outils dynamiques pour les actions contextuelles

* Icônes et boutons segmentés 🖼️ : Boutons avec icônes ou options segmentées pour l'interaction

* Listes d'images 🖼️ : Grille ou liste d'images

* Listes 📋 : Listes verticales pour l'affichage du contenu

* Indicateurs de chargement 🔄 : Repères visuels pour les chargements courts

* MaterialTextView ✍️ : Composant d'affichage de texte amélioré pour Material 3

* Menus 📜 : Affichage d'une liste de choix sur une surface temporaire

* Tiroir de navigation 📂 : Basculer entre les vues de l'interface utilisateur sur les appareils de grande taille

* Rail de navigation 🚆 : Basculer entre les vues de l'interface utilisateur sur les appareils de taille moyenne

* Indicateurs de progression ⏳ : Affichage des temps d'attente ou de la durée du processus non spécifiés

* Boutons radio 🔘 : Sélection d'une option parmi un ensemble

* Barre de recherche 🔍 : Saisie de mots-clés ou d'expressions pour obtenir des informations pertinentes

* Contrôles de sélection 🎚️ : Gestion des sélections utilisateur (cases à cocher, boutons radio, commutateurs)

* Feuilles : Bas 📄 : Contenu secondaire en bas de l'écran

* Feuilles : Côté 📑 : Contenu secondaire ancré sur le côté de l'écran

* Feuilles latérales 📘 : Contenu secondaire ancré sur le côté

* Curseurs 🎚️ : Sélection de valeurs

* Barres de menu 🔔 : Brèves informations sur les processus de l'application en bas de l'écran

* Commutateurs 🔄 : Activer ou désactiver la sélection d'un élément

* Onglets 📑 : Organiser le contenu sur différents écrans et vues

* Champs de texte ✍️ : Permet aux utilisateurs de saisir et de modifier du texte dans une interface utilisateur

* Sélecteurs d'heure ⏰ : Aide les utilisateurs à sélectionner et à définir une heure spécifique

* Infobulles 💡 : Brèves descriptions des éléments de l'interface utilisateur

🚀 Maintenant disponible sur CodeCanyon

Achetez la version Kotlin de Material UIX : la boîte à outils idéale pour créer des interfaces utilisateur élégantes, modernes et réactives.

Modèle d'application moderne – Un kit d'interface utilisateur réactif et personnalisable pour :

* Jetpack Compose

* Android Kotlin

* Flutter

👉 Disponible sur CodeCanyon

https://codecanyon.net/user/boltuix