Hub-UI es el ecosistema de bibliotecas Angular que llevo desarrollando desde 2020. Nació de necesidades reales en proyectos profesionales: en lugar de depender de frameworks monolíticos o reescribir la misma lógica una y otra vez, decidí crear componentes independientes, ligeros y listos para producción.
Sistema de modales independiente de cualquier framework CSS. Gestiona ciclo de vida, accesibilidad (traps de foco, ARIA) y es totalmente personalizable mediante plantillas.
Componente de pasos para flujos tipo wizard. Soporta navegación lineal y no lineal, validación por paso y personalización completa del diseño.
Paneles colapsables con apertura múltiple o exclusiva, animaciones fluidas y accesibilidad completa. Ideal para FAQs y paneles de configuración.
Placeholders animados para estados de carga. Replican la estructura visual del contenido que se está cargando, mejorando la percepción de rendimiento.
Avatares con fallback automático: si la imagen no carga, recurre a iniciales, Gravatar u otras fuentes. Múltiples formas y tamaños.
Sistema de navegación flexible para menús, sidebars y barras de navegación. Desacoplado de la configuración de rutas de Angular.
Migas de pan dinámicas generadas automáticamente desde la configuración de rutas. Soporta i18n y lectura RTL.
Tablas y listas con paginación integrada en cliente y servidor. Encabezados, celdas y filtros completamente personalizables.
Tablero Kanban con drag & drop nativo. Permite mover tarjetas entre columnas, reordenar y personalizar completamente el diseño.
Directiva para listas ordenables con drag & drop. Basada en SortableJS, con soporte para FormArray, animaciones y eventos tipados.
Framework declarativo de gráficos basado en D3. Barras, líneas, áreas, pie y más, con animaciones y diseño responsive.
