Skip to content
@hub-env

Hub UI

Hub UI (ng-hub-ui): open-source, standalone Angular component libraries, published on npm as ng-hub-ui-*. MIT.

Hub UI

Angular components for the parts you don't want to build again.

Hub UI (ng-hub-ui) is a family of open-source Angular libraries. Each one is published on its own as ng-hub-ui-*, so you install only what you use. They are standalone, signal-based, accessible and themed with --hub-* CSS variables. MIT licensed.

Documentation · Live demo · npm · Issues

ng add ng-hub-ui

The installer asks which libraries you want and wires them into your app. You can also install any package directly, for example npm i ng-hub-ui-paginable.

Libraries

Data paginable (data table and list) · spreadsheet · board (kanban) · calendar · sortable · history (undo/redo)

Forms and input forms · signature · stepper · buttons

Overlays and feedback modal · action-sheet · toast · loading · skeleton · portal

Navigation and layout nav · breadcrumbs · panels (tabs, pills, accordion)

Display avatar · badges · icons · metrics · milestones (timeline)

Foundations ds (design tokens) · utils · installer

Versions

The major version of every library follows the Angular major it targets: 22.x is for Angular 22.

Contributing

Bug reports and ideas are welcome in hub-env/hub-ui. Each library repository also takes issues and pull requests.

Maintained by Carlos Morcillo Fernández.

Popular repositories Loading

  1. ng-hub-ui-utils ng-hub-ui-utils Public

    Shared utilities for Hub UI (ng-hub-ui): pipes, overlays and popups, tooltips, focus trap, transitions, drag-and-drop helpers and a light i18n layer.

    TypeScript 3

  2. ng-hub-ui-toast ng-hub-ui-toast Public

    Standalone Angular 22 toast/notification library — part of ng-hub-ui

    TypeScript 3

  3. ng-hub-ui-icons ng-hub-ui-icons Public

    Icon-set-agnostic Angular icon component and directive — Font Awesome, Bootstrap Icons, Material Symbols, Solar or your own SVGs through one API. Part of ng-hub-ui.

    TypeScript 3

  4. ng-hub-ui-paginable ng-hub-ui-paginable Public

    Angular data table and list with pagination, sorting, filtering, row selection and expandable rows. Standalone and signal-based. Part of Hub UI (ng-hub-ui).

    TypeScript 2

  5. ng-hub-ui-board ng-hub-ui-board Public

    Angular kanban board with native drag and drop, custom columns and card templates. Part of Hub UI (ng-hub-ui).

    TypeScript 2

  6. ng-hub-ui-modal ng-hub-ui-modal Public

    Standalone, signal-based modal and dialog service for Angular. Part of Hub UI (ng-hub-ui).

    TypeScript 2

Repositories

Showing 10 of 31 repositories

Top languages

Loading…

Most used topics

Loading…