ngxtension - Angular Extensions

A modern collection of utilities for Angular – signals, forms, effects, DOM helpers, and more.

✨ Features

• 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.

🚀 Installation

npm install ngxtension
# or with pnpm
pnpm add ngxtension

For Angular CLI or Nx workspaces

After installing, run the init schematic:

ng generate ngxtension-plugin:init
# or with Nx
nx generate ngxtension-plugin:init

📦 Usage

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+.

📚 Documentation

• Full API & Guides: ngxtension.dev
• Changelog: CHANGELOG.md

🤝 Contributors

Thanks to all these amazing people (emoji key):

Want to contribute? Read our contributing guide and join us!

📄 License

MIT

Ready to supercharge your Angular app? Get started with ngxtension!