Material Design Components

Estos componentes son bloques de construcción interactivos para crear una interfaz de usuario.

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