Angular Component Library for Standalone Apps
Reusable Angular UI components for standalone apps, Angular Signals workflows, accessibility, CSS variables and production-ready documentation covering modals, data tables, navigation, calendars and more.
npm install ng-hub-ui-modal<hub-panels /><hub-avatar /><hub-skeleton />--hub-sys-color-primarynpm i ng-hub-ui-*One Library, Every Brand
Every component is driven by CSS variables. Pick a theme and watch the whole site re-paint itself — no rebuild, no extra CSS.
Try it — this switches the live theme of the entire site.
Built for Production Angular Work
Start from the component category that usually takes the most time to implement well.
Modal and Overlay Flows
Dialogs, fullscreen flows, projections and service-driven overlays for Angular apps that need accessible modal behavior.
Data Tables and Lists
Server-side pagination, sorting, filtering and selection for admin panels, back offices and management dashboards.
Sortable and Drag-and-Drop
Reorder arrays, FormArray controls and connected lists with Angular-friendly drag-and-drop utilities.
Scheduling and Calendar Views
Calendar interfaces with events, templates, drag and drop and theming hooks for planning workflows.
Why Hub UI?
Fully Accessible
All components follow WCAG 2.1 guidelines with complete keyboard navigation and screen reader support.
CSS Variable Driven
Every component exposes CSS custom properties. Override any token to match your brand — changes cascade instantly across all themes.
TypeScript First
Strict typing throughout. Benefit from full autocomplete, compile-time safety, and a best-in-class developer experience.
Standalone Architecture
Built on Angular's modern standalone component model. Import only what you need and keep your bundles lean.
Real Code, Real Component
A few lines of template is all it takes. The snippet on the left renders the live component on the right.
All Components
Explore Angular components built for real product teams, reusable design systems and maintainable standalone applications.
Modal
Accessible Angular modal component with stacking, fullscreen mode and templates.
Paginable
Angular data table and paginated list with filtering, sorting and server-side operations.
Sortable
Angular sortable list utilities for arrays, FormArray controls and drag-and-drop builders.
Calendar
Angular calendar component for scheduling, events and planning interfaces.
Avatar
Angular avatar component with initials, image fallbacks and status indicators.
Board
Angular Kanban board component with drag and drop for workflow UIs.
Breadcrumbs
Angular breadcrumbs with router integration and custom templates.
History
Angular undo and redo store for editors, forms and low-code builders.
Nav
Angular navigation menus for sidebars, dropdowns, drill-down panels and responsive layouts.
Portal
Angular portal and overlay rendering for drawers, floating panels and dynamic containers.
Skeleton
Angular skeleton placeholders with presets, inline DSL templates and responsive shimmer layouts.
Stepper
Angular stepper component for wizard forms, onboarding and multi-step validation flows.
Toast
Angular toast and notification component with positioning, stacking and auto-dismiss.
Buttons
Angular buttons, FAB, speed dial and dropdown directives for action-rich interfaces.
Badges
Angular badge component for labels, counts and status indicators with full theming.
Panels
Angular panels and accordion component with single or multiple expansion and theming.
Forms
Angular forms library with rich inputs, select, validation and dynamic form rendering.
Milestones
Angular timeline and progress-steps component with vertical, horizontal and animated layouts.
Utils
Angular utility library with overlays, focus management, pipes and translation helpers.
Get Started in Seconds
Install a component
npm install ng-hub-ui-modalImport it standalone
import { HubModalModule } from 'ng-hub-ui-modal';Customize with CSS variables
--hub-modal-border-radius: 1rem;Build your next Angular UI with Hub UI
Open source, modular and production-ready. Install your first component today.