Hub-UI is the Angular library ecosystem I have been building since 2020. It was born from real needs in professional projects: instead of depending on monolithic frameworks or rewriting the same logic over and over, I chose to create independent, lightweight, production-ready components.
Modal system independent of any CSS framework. Handles lifecycle, accessibility (focus traps, ARIA) and is fully customisable through templates.
Step component for wizard-style flows. Supports linear and non-linear navigation, per-step validation and full design customisation.
Collapsible panels with multiple or exclusive opening, smooth animations and full accessibility. Ideal for FAQs and settings panels.
Animated placeholders for loading states. They mirror the visual structure of the content being loaded, improving perceived performance.
Avatars with automatic fallback: if the image fails to load, it falls back to initials, Gravatar or other sources. Multiple shapes and sizes.
Flexible navigation system for menus, sidebars and nav bars. Decoupled from Angular's route configuration.
Dynamic breadcrumbs generated automatically from the route configuration. Supports i18n and RTL reading.
Tables and lists with built-in client and server pagination. Fully customisable headers, cells and filters.
Kanban board with native drag & drop. Move cards between columns, reorder them and customise the design completely.
Directive for sortable lists with drag & drop. Built on SortableJS, with FormArray support, animations and typed events.
Declarative charting framework built on D3. Bars, lines, areas, pies and more, with animations and responsive design.
