Jetpack Compose Gallery

Jetpack Compose Gallery es una aplicación de referencia práctica para desarrolladores de Android que trabajan con Jetpack Compose y Material 3.

Explora una colección seleccionada de componentes, patrones de interfaz de usuario y animaciones, cada uno con previsualizaciones interactivas en tiempo real y código fuente Kotlin real que puedes copiar directamente en tu proyecto.

COMPONENTES

Botones, campos de texto, chips, botones de opción, interruptores, casillas de verificación, deslizadores, insignias, botones de acción flotante (FAB), barras de navegación, barras superiores de la aplicación y más.

PATRONES DE INTERFAZ DE USUARIO

Tarjetas, diálogos, snackbars, indicadores de progreso, listas, divisores, información sobre herramientas y un visor completo de la paleta de colores de Material 3.

ANIMACIONES

Fundido, deslizamiento, escalado, fundido cruzado, animate*AsState, animateContentSize, transiciones infinitas y comparaciones entre las especificaciones Spring y Tween.

CARACTERÍSTICAS PRINCIPALES

Vistas previas en vivo: cada componente es totalmente interactivo, no solo una captura de pantalla.

Ver código fuente: toca "Ver código" en cualquier pantalla para ver el código Kotlin exacto.

Copiar al portapapeles: copia cualquier fragmento con un solo toque.

Resaltado de sintaxis: visor de código con código de colores y tema Catppuccin.

Búsqueda: encuentra cualquier componente al instante en todas las categorías.

Modo oscuro: compatibilidad total con temas claros y oscuros.

Material 3: desarrollado completamente con las últimas directrices de Material Design.

DESARROLLADO CON

Jetpack Compose

Material 3

Navigation Compose

Tanto si estás aprendiendo Compose por primera vez como si buscas una referencia rápida para desarrollar tu próxima app, Compose Gallery te ofrece todo lo que necesitas.