Skip to content
@hub-env

Hub UI

Open-source Angular components for the parts you don't want to build again: data tables, kanban, calendars, forms. One npm package each (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.

Pinned Loading

  1. ng-hub-ui-forms ng-hub-ui-forms Public

    Accessible Angular form fields (input, textarea, slider, select, datepicker) with automatic error display, reactive forms and CSS-variable theming. Part of the ng-hub-ui family.

    TypeScript 2

  2. hub-ui hub-ui Public

    Open-source Angular components for the parts you don't want to build again: data tables, kanban boards, calendars, forms and more. Standalone, one npm package each, MIT.

    2

  3. ng-hub-ui-buttons ng-hub-ui-buttons Public

    Buttons, FAB, Speed Dial and Dropdown directive for Angular — part of the ng-hub-ui ecosystem

    TypeScript 2

  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-spreadsheet ng-hub-ui-spreadsheet Public

    Excel-like editable spreadsheet for Angular — in-cell editing, keyboard navigation, range selection and Excel clipboard, part of the ng-hub-ui family.

    TypeScript

Repositories

Showing 10 of 31 repositories

Top languages

Loading…

Most used topics

Loading…