Version 1.41.1 is out

Master Web APIs in
Angular.

Signal-based utilities to seamlessly integrate Browser APIs, Security, Storage, and Web Workers. Zero boilerplate.

Get started
pnpm add angular-helpers
import { Component, inject } from '@angular/core';
import { GeolocationService } from '@angular-helpers/browser-web-apis';

@Component({
  template: `
    @if (geo.loading()) {
      <p>Locating...</p>
    } @else if (geo.coords()) {
      <p>You are at: {{ geo.coords().lat }}, {{ geo.coords().lon }}</p>
    }
  `
})
export class MapComponent {
  // Pure magic: Inject and you get reactive state.
  geo = inject(GeolocationService);

  constructor() {
    this.geo.requestPermissionAndWatch();
  }
}
46 Browser API services
5 Focused packages
23 Signal primitives
MIT Open source

Everything you need. Nothing you don't.

Signal-based

Reactive APIs built on Angular signals and OnPush. No zone.js, no surprises.

Strongly Typed

Strict TypeScript throughout. Every service, every callback, every return value.

Off-main-thread

Regex and HTTP run in isolated Web Workers. ReDoS protection and non-blocking requests.

Tree-shakable

Opt-in provider model. Include only what you use. Production bundles stay lean.

Permission-aware

Permission checks and secure-context validation built into every browser service.

Lifecycle-safe

DestroyRef on every service. Workers, streams, and timers always clean up.

Modular Architecture

Five tools.
Zero bloat.

browser-web-apis

@angular-helpers/browser-web-apis

41 typed Angular services covering Camera, Geolocation, Storage, WebSocket, WebLocks, StorageManager, Compression, EyeDropper, IdleDetector, and 31 more. Plus 23 signal-based inject() primitives.

Geolocation Β· Camera Β· MediaDevices Β· MediaRecorder WebSocket Β· WebWorker Β· ServerSentEvents Β· BroadcastChannel Clipboard Β· Notifications Β· WebStorage Β· FileSystemAccess WebLocks Β· StorageManager Β· Compression Β· Gamepad Β· +28 more

security

@angular-helpers/security

ReDoS-safe regex execution in Web Workers, WebCrypto utilities (AES-GCM, HMAC), encrypted storage, input sanitization, and password strength evaluation.

Worker-isolated regex with timeout protection WebCrypto: AES-GCM, HMAC-SHA256/384/512, hashing SecureStorage: encrypted localStorage/sessionStorage InputSanitizer: XSS prevention, URL validation PasswordStrength: entropy-based scoring

worker-http

@angular-helpers/worker-http

Move HTTP requests off the main thread. Typed RPC bridge, worker-side interceptor pipelines (retry, cache, HMAC signing, rate limit), and pluggable serialization.

Off-main-thread HTTP with typed RPC bridge 7 built-in interceptors (retry, cache, HMAC, etc.) 3 serialization strategies (structured clone, seroval, auto) WebCrypto HMAC/AES utilities

storage

@angular-helpers/storage

Dynamic multi-transport storage (WebStorage, IndexedDB, CacheAPI) with dynamic AES-GCM client-side encryption and dynamic binary compression. Surgically reactive Freeze-on-Write Entity management.

injectStorageSignal: Reactive Signal backed by async L2 storage injectEntityStore: Surgical Freeze-on-Write reactive Entity management Dynamic PBKDF2/AES-GCM client-side encryption Binary compression using high-performance TOON format Worker-isolated storage: offload serialization & crypt off main thread

openlayers

@angular-helpers/openlayers

Standalone components and signal-based services for OpenLayers. Modular secondary entry points (core, layers, controls, interactions) so you only pay for what you use. Zoneless-safe by design.

OlMapComponent with reactive [center] / [zoom] inputs Tile, Vector, and Image layers with signal-driven features Military symbology: MIL-STD-2525 symbols, Ellipses, Sectors, Donuts Built-in controls: Zoom, Attribution, Scale, Fullscreen, Rotate, Layer Switcher Runs OL operations outside NgZone β€” no change detection storms

Ready to scale?

Join hundreds of developers building robust, high-performance Angular applications with our specialized helper suite.