Biblioteca de Componentes Angular para Apps Standalone
Componentes UI reutilizables para Angular orientados a apps standalone, flujos con Angular Signals, accesibilidad, variables CSS y documentación lista para producción sobre modales, tablas de datos, navegación, calendarios y más.
npm install ng-hub-ui-modal<hub-panels /><hub-avatar /><hub-skeleton />--hub-sys-color-primarynpm i ng-hub-ui-*Una librería, todas las marcas
Cada componente se controla con variables CSS. Elige un tema y observa cómo toda la web se repinta — sin rebuild, sin CSS extra.
Pruébalo — esto cambia el tema real de todo el sitio.
Pensado para Angular en producción
Empieza por la categoría de componentes que más tiempo suele costar resolver bien.
Flujos con modal y overlays
Diálogos, fullscreen, proyecciones y overlays controlados por servicio para apps Angular que necesitan comportamiento accesible.
Tablas y listas de datos
Paginación server-side, ordenación, filtros y selección para paneles de administración, back offices y cuadros de gestión.
Ordenación y drag and drop
Reordena arrays, controles FormArray y listas conectadas con utilidades drag-and-drop pensadas para Angular.
Scheduling y vistas calendario
Interfaces de calendario con eventos, plantillas, drag and drop y theming para flujos de planificación.
¿Por qué Hub UI?
Totalmente Accesible
Todos los componentes siguen las pautas WCAG 2.1 con navegación completa por teclado y soporte para lectores de pantalla.
Impulsado por Variables CSS
Cada componente expone propiedades CSS personalizadas. Sobrescribe cualquier token para adaptarlo a tu marca — los cambios se propagan al instante.
TypeScript Primero
Tipado estricto en todo el código. Disfruta de autocompletado completo, seguridad en tiempo de compilación y la mejor experiencia de desarrollo.
Arquitectura Standalone
Construido sobre el modelo de componentes standalone moderno de Angular. Importa solo lo que necesitas y mantén tus bundles ligeros.
Código real, componente real
Con unas pocas líneas de template basta. El snippet de la izquierda renderiza el componente vivo de la derecha.
Todos los Componentes
Explora componentes Angular pensados para producto real, design systems reutilizables y aplicaciones standalone mantenibles.
Modal
Componente modal accesible para Angular con apilado, fullscreen y plantillas.
Paginable
Tabla de datos y lista paginada para Angular con filtros, ordenación y operaciones server-side.
Sortable
Utilidades sortable para Angular en arrays, FormArray y constructores drag-and-drop.
Calendar
Componente calendario para Angular orientado a eventos, scheduling y planificación.
Avatar
Componente avatar para Angular con iniciales, fallback de imagen e indicadores de estado.
Board
Componente Kanban para Angular con drag and drop para flujos de trabajo.
Breadcrumbs
Breadcrumbs para Angular con integración con Router y plantillas personalizadas.
History
Store de undo y redo para Angular pensado para editores, formularios y low-code.
Nav
Menús de navegación para Angular con sidebars, dropdowns, paneles drill-down y layouts responsive.
Portal
Portal y renderizado overlay para Angular en drawers, paneles flotantes y contenedores dinámicos.
Skeleton
Placeholders skeleton para Angular con presets, templates DSL inline y layouts shimmer responsive.
Stepper
Componente stepper para Angular en formularios wizard, onboarding y flujos multistep.
Toast
Componente Angular de toasts y notificaciones con posicionamiento, apilado y autocierre.
Buttons
Botones, FAB, speed dial y directivas de dropdown de Angular para interfaces con muchas acciones.
Badges
Componente Angular de badges para etiquetas, contadores e indicadores de estado, totalmente personalizable.
Panels
Componente Angular de paneles y acordeón con expansión simple o múltiple y theming completo.
Forms
Librería Angular de formularios con inputs avanzados, select, validación y renderizado dinámico.
Milestones
Componente Angular de línea de tiempo y pasos de progreso con disposición vertical, horizontal y animada.
Utils
Librería de utilidades Angular con overlays, focus management, pipes y helpers de traducción.
Empieza en Segundos
Instala un componente
npm install ng-hub-ui-modalImpórtalo standalone
import { HubModalModule } from 'ng-hub-ui-modal';Personaliza con variables CSS
--hub-modal-border-radius: 1rem;Construye tu próxima UI Angular con Hub UI
Open source, modular y listo para producción. Instala tu primer componente hoy.