NG Kit
August 10, 2026 · View on GitHub
Standalone Angular components, directives, and utilities — signals-first and built on Angular Material.
Installation
Requires Angular 19+. Library majors track Angular majors — see the compatibility matrix.
pnpm add @js-smart/ng-kit @angular/material @angular/cdk
# or: npm i @js-smart/ng-kit @angular/material @angular/cdk
Documentation
Examples and API docs: https://ng-kit.netlify.app/
Components
| Name | Description |
|---|---|
| Autocomplete | Signal-based autocomplete / combobox on Angular Material |
| Buttons | Themed action buttons on a shared base |
| Alert | Dismissible contextual alert banners |
| Confirm Dialog | Material confirm dialog with a simple service API |
| Snack Bar | Success / error snackbars |
| Spinner | Loading spinner |
Directives
| Name | Description |
|---|---|
| Ngx Print | Print a DOM section |
| Prevent Multiple Clicks | Debounce rapid repeated clicks |
| Autocomplete Suffix | Clear + dropdown suffix for Material autocomplete |
Utilities
| Name | Description |
|---|---|
| Progress Util | Track async progress state |
| TanStack Query | Angular adapter (injectQuery / injectMutation) |
Demo
Live site: https://ng-kit.netlify.app/
To run the demo app locally:
pnpm install
pnpm start
Then open http://localhost:4300.