Angular component library

NG Kit

Standalone Angular components, directives, and utilities — signals-first and built on Angular Material.

Get started Browse components GitHub

bash

npm i @js-smart/ng-kit @angular/material @angular/cdk

Signals-first

Reactive inputs, two-way models, and derived state throughout.

Standalone & tree-shakable

Import only what you use — the rest never ships.

Angular Material

Consistent theming and behaviour, out of the box.

Accessible

Keyboard navigation and ARIA states are built in.

Getting Started

Introduction What ng-kit is and what it provides. Installation How to install and set up ng-kit.

Components

Alert Dismissible contextual alert banners. Autocomplete Accessible signal-based autocomplete/combobox composed with Angular Material. Buttons A suite of themed action buttons built on a shared base. Confirm Dialog Material confirm dialog with a simple service API. Snack Bar Success/error snackbars via MatSnackBarService. Spinner Loading spinner component.

Directives

Ngx Print Print a DOM section with the ngxPrint directive. Prevent Multiple Clicks Debounce rapid repeated button clicks. Autocomplete Suffix Clear + dropdown suffix buttons for a Material autocomplete input.

Utilities

Progress Util ProgressState helper for tracking async progress. TanStack Query Angular adapter for TanStack Query (injectQuery/injectMutation).