NeuralUI Sistema de Diseño

Etiquetas de estado semánticas con 5 variantes

Botón con 4 variantes, 3 tamaños y estado loading

Superficie de contenido con header, body y footer

Campo de texto con floating label y validación

Dropdown personalizado con teclado y Forms

Panel lateral con estado sincronizado a la URL

Tabla con búsqueda, orden y paginación URL-driven

Selección múltiple con búsqueda, chips y agrupación

Selector de fecha con teclado y formato localizable

Área de texto multilínea con autoredimensionado y contador

Uploader de archivos con validación, drag-and-drop y feedback accesible

Editor rich text con salida sanitizada, controles de toolbar y previsualización

Toggle on/off semántico accesible por teclado

Casilla de verificación con estado indeterminado

Botón de opción única dentro de un grupo

Botón con menú desplegable de acciones secundarias

Selector visual de opción única o múltiple

Navegación horizontal con pestañas e indicador activo

Imagen de perfil con fallback a iniciales y color

Gráficas de barras, líneas y circular vía Chart.js

Tarjeta de métrica con tendencia y comparativa

Modal accesible con foco gestionado y animación

Placeholder visual para listas y tablas vacías

Información contextual flotante con posicionamiento inteligente

Navegación por pestañas sincronizable con la URL

Bloques placeholder animados para texto, tarjetas y media mientras cargan los datos

Separador horizontal o vertical con etiqueta opcional

Etiqueta compacta removible para categorías y filtros

Rastro de migas de pan para la ruta de navegación

Barra de progreso determinada e indeterminada

Contenido expandible en panel colapsable con animación

Control de paginación URL-driven con salto de página

Valoración con estrellas, medio punto y solo lectura

Control deslizante de valor único

Línea temporal vertical con ítems y conectores

Rejilla temporal horizontal con filas, slots y bloques preparada para evolucionar hacia scheduler o gantt

Superficie de planificación construida sobre Timeline Grid con rangos de tareas, escala diaria o semanal y cabecera resumen para seguimiento de entregas

Árbol jerárquico con expansión, búsqueda y selección simple o múltiple

Tabla jerárquica basada en neu-table con expansión por filas y metadatos anidados

Flujo por pasos con modo lineal, estado de completado y validación por etapa

Barra de filtros compacta basada en chips con selección simple o múltiple y limpieza global

Entrada de código de un solo uso con autoadvance, soporte de pegado y foco accesible por teclado

Control giratorio circular para valores numéricos

Campo numérico con incremento y decremento por botones

Búsqueda con sugerencias y selección de opción

Selector visual de color con lienzo espectral, formatos HEX/RGB/HSL y soporte para Angular Forms

Barra horizontal de acciones con zonas start, center y end, además de variantes de superficie y tamaño

Notificación flotante temporal con cola y posición

Mensaje de estado contextual con variantes semánticas

Bloquea temporalmente un contenedor con overlay, spinner y mensaje de estado durante trabajo asíncrono

Diálogo de confirmación para acciones irreversibles

Menú contextual activado con clic derecho

Overlay flotante anclado a un disparador con texto o plantilla y posicionamiento adaptativo

Centro de notificaciones de bandeja con contador

Bloque de código con resaltado de sintaxis y copia

Catálogo de iconos Lucide con búsqueda y tamaños

Indicador de carga circular animado con variantes

Layout de dos paneles redimensionables con separador arrastrable, límites mín/máx y modo vertical u horizontal

Lista virtualizada que renderiza solo las filas visibles para desplazar miles de elementos con fluidez

Paleta global de comandos con búsqueda fuzzy, atajos de teclado y registro de acciones vía servicio

Tiles de dashboard arrastrables y redimensionables con columnas responsivas y eventos de cambio de layout

Tablero kanban tipo pipeline con tarjetas drag-and-drop, responsables, tags y límites WIP

Calendario mensual y semanal con estados de eventos, navegación y selección de días orientada a planificación

Visor de imágenes tipo lightbox con navegación de galería, zoom, pan y gestos táctiles

Galería de producto con miniaturas, navegación de carrusel e integración con visor fullscreen

Barras apiladas para comparar varios valores frente a un total compartido