Material Design Components

Catálogo M3 🚀
Esta aplicación es para demostración de desarrolladores.


Código fuente: GitHub - Componentes de Material Design
https://github.com/boltuix-store/Material-Design-Components

Documentación: Directrices de Material 3 2025
https://www.boltuix.com/2025/06/material-3-guidelines-2025.html

Material es un sistema adaptable de directrices, componentes y herramientas que respalda las mejores prácticas de diseño de interfaces de usuario. Con el respaldo de código abierto, Material optimiza la colaboración entre diseñadores y desarrolladores, ayudando a los equipos a crear rápidamente productos atractivos.

Componentes 🛠️
Los componentes de Material son bloques de construcción interactivos para crear una interfaz de usuario. Aquí está la lista completa con los componentes añadidos:

* Adaptable 🖥️: Diseños flexibles para varios tamaños de pantalla
* Barras de aplicaciones: Inferior 📱: Barras de navegación y acción en la parte inferior de la pantalla
* Barras de aplicaciones: Superior 📍: Barras de navegación en la parte superior de la pantalla
* Fondo 🎨: Contenido en capas con vista frontal y posterior
* Insignias 🔔: Insignias para notificaciones o estado en elementos de la interfaz de usuario (BadgeDrawable)
* Banners 📢: Mensajes temporales para llamar la atención del usuario
* Navegación inferior 🧭: Cambia entre vistas de la interfaz de usuario en la parte inferior
* Hojas inferiores ⬇️: Contenido secundario anclado en la parte inferior de la pantalla
* Botones 👆: Componentes principales para activar acciones en una interfaz de usuario
* Botones: Botón de acción flotante (FAB) ➕: Botones de acción flotantes para acciones principales
* Menús FAB 🔄: Menús que se expanden desde los FAB para acciones relacionadas Acciones
* Tarjetas 🗂️: Muestra contenido y acciones para un solo tema
* Carrusel 🎠: Colección de elementos desplazable dentro y fuera de la pantalla
* Casillas de verificación ✅: Selecciona uno o más elementos o activa o desactiva
* Fichas 🏷️: Introduce información, realiza selecciones, filtra o activa acciones
* Tablas de datos 📊: Organiza y muestra datos estructurados
* Selectores de fecha 📅: Selecciona una fecha o un rango de fechas
* Diálogos ❗: Indicaciones importantes en un flujo de usuario
* Divisores ➖: Líneas finas para agrupar contenido en contenedores
* Barra de herramientas acoplada ⚓: Barras de herramientas fijas para acciones frecuentes
* Barra de herramientas flotante 🛠️: Barras de herramientas dinámicas para acciones contextuales
* Botones de iconos y segmentados 🖼️: Botones con iconos u opciones segmentadas para la interacción
* Listas de imágenes 🖼️: Cuadrícula o lista de imágenes
* Listas 📋: Listas verticales para la visualización de contenido
* Indicadores de carga 🔄: Señales visuales para procesos de carga cortos
* MaterialTextView ✍️: Componente de visualización de texto mejorado para Material 3
* Menús 📜: Muestra una lista de opciones en una superficie temporal
* Cajón de navegación 📂: Cambia entre vistas de la interfaz de usuario en dispositivos grandes
* Barra de navegación 🚆: Cambia entre vistas de la interfaz de usuario en dispositivos medianos
* Indicadores de progreso ⏳: Muestra tiempos de espera no especificados o la duración del proceso
* Botones de opción 🔘: Selecciona una opción de un conjunto
* Barra de búsqueda 🔍: Introduce palabras clave o frases para obtener información relevante
* Controles de selección 🎚️: Gestiona las selecciones del usuario (casillas de verificación, botones de opción, interruptores)
* Hojas: Inferior 📄: Contenido secundario en la parte inferior de la pantalla
* Hojas: Lateral 📑: Contenido secundario anclado al lateral de la pantalla
* Hojas laterales 📘: Contenido secundario anclado al lateral
* Deslizadores 🎚️: Selecciona entre un rango de valores
* Barras de menú 🔔: Breves actualizaciones sobre los procesos de la app en la parte inferior de la pantalla
* Interruptores 🔄: Activa o desactiva la selección de un elemento
* Pestañas 📑: Organiza el contenido en diferentes pantallas y vistas
* Campos de texto ✍️: Permiten a los usuarios introducir y editar texto en una interfaz de usuario
* Selectores de tiempo ⏰: Ayudan a los usuarios a seleccionar y establecer una hora específica
* Información sobre herramientas 💡: Breves descripciones de los elementos de la interfaz de usuario

🚀 Ya disponible en CodeCanyon
Compra la versión Kotlin de Material UIX: tu kit de herramientas definitivo para crear interfaces de usuario elegantes, modernas y responsivas.

Plantilla de aplicación moderna: un kit de interfaz de usuario adaptable y personalizable para:
* Jetpack Compose
* Android Kotlin
* Flutter

👉 Consíguela en CodeCanyon
https://codecanyon.net/user/boltuix