Componentes

Un componente de diseño que envuelve el contenido con un ancho máximo y lo centra horizontalmente...

Un componente de diseño que usa columnas CSS para distribuir contenido en múltiples columnas. El ...

Un componente de diseño que usa CSS Grid para disposiciones explícitas en columnas. Cada elemento...

Componente de diseño redimensionable con divisores arrastrables para crear disposiciones de panel...

Un componente contenedor flexible para agrupar contenido relacionado. Soporta múltiples variantes...

Un separador visual para secciones de contenido. Soporta orientaciones horizontal y vertical, var...

Un componente de diseño flexible para apilar elementos vertical u horizontalmente con espacio con...

Diseño masonry basado en columnas CSS con ajuste responsivo de columnas. El contenido fluye en la...

Barra lateral de aplicación colapsable con secciones, elementos anidados, iconos, insignias y com...

Barra de navegación responsiva con menú hamburguesa móvil, soporte de modo oscuro y comportamient...

Interfaz de pestañas accesible para organizar contenido en paneles. Disponible en múltiples estil...

Botones redondeados tipo píldora/chip para filtrado y selección de categorías. Soporta estados ac...

Un gran menú de navegación desplegable que revela grupos de enlaces multicolumna al pasar el curs...

Un componente de menú desplegable totalmente accesible construido con Stimulus y Tailwind CSS. So...

Rastro de navegación que muestra la jerarquía de páginas. Soporta personalización de separadores,...

Componente de navegación por páginas para conjuntos de datos. Soporta páginas numeradas con espac...

Paleta de comandos orientada al teclado para navegación rápida. Soporta búsqueda difusa, navegaci...

Indicador de progreso multi-paso para asistentes, flujos de pago e incorporación. Soporta clic pa...

Visualización de datos jerárquicos con nodos expandibles/colapsables, iconos, selección por check...

Un botón flotante que aparece cuando el usuario se desplaza más allá de un umbral configurable, p...

Visualización de código con resaltado de sintaxis, encabezado opcional con nombre de archivo y fu...

Muestra métricas clave y estadísticas en formato de tarjeta compacta. Incluye etiqueta, valor e i...

Componente de copiar al portapapeles con múltiples variantes para diferentes casos de uso. Soport...

Lista de descripción semántica para mostrar pares clave-valor. Disponible en estilos apilado, hor...

Secciones de contenido expandibles para organizar información. Disponible en variantes básica (un...

Representación de usuario o entidad con imagen, iniciales como respaldo e indicador de estado opc...

Un componente de tabla de datos flexible con funciones componibles. Soporta paginación, ordenamie...

Un componente de carrusel/slider responsivo con navegación por flechas, puntos de paginación, sop...

Lista reordenable y tablero kanban con arrastrar y soltar usando la API nativa de Drag and Drop d...

Un tablero kanban con arrastrar y soltar para gestión de proyectos y seguimiento de tareas. Sopor...

Visualización cronológica de eventos con iconos, marcas de tiempo y espacios de contenido. El est...

Componente de calendario interactivo para visualización y selección de fechas. Soporta navegación...

Carga automáticamente más contenido al desplazarse cerca del final de un contenedor. Funciona nat...

Temporizador de cuenta regresiva animado que avanza hacia una fecha objetivo. El estilo simple mu...

Visualización de mensajes conversacionales con alineación por remitente, avatares y marcas de tie...

Visualización de planes de precios con alternancia mensual/anual. Disponible como tarjetas lado a...

Componente indicador de carga con variantes circular, puntos y barra. Animaciones CSS puras, sin ...

Un pequeño componente indicador de estado con múltiples variantes de color. Perfecto para mostrar...

Un componente de notificación para mostrar mensajes importantes a los usuarios. Soporta variantes...

Un componente de marcador de posición de carga con tres variantes de forma. Usa animación de puls...

Un indicador de progreso horizontal para mostrar el estado de completitud. Soporta modos determin...

Notificaciones toast apilables y banners de mensajes flash para retroalimentación al usuario. Sop...

Muestra un mensaje amigable cuando el contenido está vacío o no existe. Incluye icono, título, de...

Barra de anuncio persistente para mensajes importantes, promociones o advertencias. Soporta cierr...

Tooltips contextuales para mostrar información adicional al pasar el cursor o hacer clic. Soporta...

Diálogos modales accesibles con fondo oscurecido, captura de foco y animaciones suaves. Disponibl...

Un panel que se desliza desde el borde de la pantalla para contenido secundario, formularios o vi...

Panel de notificaciones con icono de campana, contador de insignia, estados leído/no leído y func...

Superposición de imagen a pantalla completa con navegación por teclado y soporte táctil. Disponib...

Superposición de contenido enriquecido activada por clic o hover. A diferencia del Tooltip (hover...

Menú contextual de clic derecho con elementos, submenús, divisores y visualización de atajos de t...

Un componente de botón versátil con múltiples variantes (primario, secundario, fantasma) y tamaño...

Un componente de entrada de texto versátil con etiqueta, texto de ayuda y estados de error. Sopor...

Un componente de entrada de texto multilínea con funcionalidad opcional de auto-redimensionamient...

Un componente de lista desplegable nativa con etiqueta, texto de ayuda y estados de error. Soport...

Un campo de entrada checkbox individual con etiqueta y texto descriptivo opcional. Soporta tanto ...

Un grupo de botones de radio para seleccionar una única opción entre múltiples alternativas. Sopo...

Un grupo de entradas checkbox para seleccionar múltiples opciones de una lista. Soporta tanto el ...

Una fila de botones de alternancia para cambiar entre vistas, filtros o modos. Soporta selección ...

Un control de interruptor para estados booleanos encendido/apagado. Soporta tanto el modo form bu...

Un campo de texto con prefijos y sufijos opcionales para iconos, texto o botones. Soporta tanto e...

Un componente de carga de archivos con arrastrar y soltar y soporte de vista previa. Soporta tant...

Un componente de lista desplegable con búsqueda y navegación por teclado. Soporta tanto el modo f...

Campo numérico con botones de incremento/decremento, restricciones mín/máx y tamaño de paso. Ofre...

Selección de valor numérico mediante control arrastrable. Soporta modos de valor único y rango (d...

Serie de campos de un solo carácter para códigos de verificación y entrada OTP. Avanza automática...

Campo de texto que crea etiquetas/chips removibles a medida que se ingresan valores. Soporta vali...

Campo de valoración con estrellas (o icono personalizado). Soporta precisión de media estrella, m...

Un campo de contraseña con alternancia de visibilidad, medidor de fortaleza y lista de requisitos...

Lista desplegable con búsqueda que permite seleccionar múltiples valores, mostrados como etiqueta...

Un editor de texto enriquecido con contenteditable y barra de herramientas para formatear texto. ...

Un área de texto con soporte de menciones en línea. Escribe un carácter disparador (por defecto "...

Campo de entrada de número telefónico internacional con selector de país desplegable, emojis de b...

Captura de firma basada en canvas con soporte para ratón y táctil. Exporta la firma como PNG en b...

Campo de entrada de moneda formateado con símbolo, separadores de miles automáticos y formato dec...

Componente de edición en línea con clic para editar, con estilos de texto, área de texto y select...

Campo de selección de color con panel de tono/saturación, controles deslizantes, muestras predefi...

Un componente de selección de fecha con calendario desplegable. Soporta modos de selección de fec...