A modern collection of utilities for Angular β signals, forms, effects, DOM helpers, and more.
- Signal Utilities: Advanced computed, derived, and async signals, signal history, lazy signals, and more.
- DOM & Event Helpers: Click outside, gestures, resize observer, active element, host binding, and more.
- Forms: Control value accessor helpers, control error, form events, if-validator, etc.
- RxJS & Effects: Auto effects, explicit effects, create effect, rx-effect, take-latest-from, etc.
- Injection & DI: Create injectable, create injection token, assert injector, inject-destroy, inject-lazy, inject-network, and more.
- Array & Object Utilities: Filter array, map array, reduce array, merge-from, not-pattern, etc.
- Routing: Inject params, inject query params, inject route data/fragment, navigation-end, linked-query-param.
- Internationalization: Utilities for i18n and formatting.
- SVG & UI: SVG sprite helpers, repeat pipe, trackBy helpers, and more.
See the full documentation for a complete list and usage examples.
npm install ngxtension
# or with pnpm
pnpm add ngxtension
After installing, run the init schematic:
ng generate ngxtension-plugin:init
# or with Nx
nx generate ngxtension-plugin:init
Import the utilities you need:
import { linkedQueryParam } from 'ngxtension/linked-query-param';
import { injectParams } from 'ngxtension/inject-params';
All utilities are tree-shakable and designed for Angular 16+.
- Full API & Guides: ngxtension.netlify.app
- Changelog: CHANGELOG.md
ngxtension Version | Release Date | Angular Version Support |
---|---|---|
5.x | 2025-03-14 | >=16.0.0 |
4.x | 2024-07-15 | >=16.0.0 |
3.x | 2024-04-24 | >=16.0.0 |
2.x | 2024-02-02 | >=16.0.0 |
1.x | 2023-11-09 | >=16.0.0 |
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!
MIT