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-modalBuilt 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.
Accessible Disclosure UI
Accordion patterns with keyboard navigation, forms support and standalone Angular integration.
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.
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.
Accordion
Accessible Angular accordion component for FAQs, settings panels and disclosure content.
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.
Stepper
Angular stepper component for wizard forms, onboarding and multi-step validation flows.
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;