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();
  }
}
52 Browser API services
6 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
Explore documentation →

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
Explore documentation →

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
Explore documentation →

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
Explore documentation →

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
Explore documentation →

yjs NEW

@angular-helpers/yjs

Seamlessly connect Angular WritableSignals with Yjs shared types (Y.Map, Y.Array, Y.Text). Features UndoManager stack signals, presence awareness, WebSockets provider, and IndexedDB offline hydration.

yjsSignal: Bidirectional WritableSignal adapter for Y.Map, Y.Array, Y.Text injectYjsUndoManager: Undo/Redo stack signals for buttons and shortcuts injectYjsAwareness: Real-time user presence, avatars, and cursor tracking injectYjsWebsocket & injectYjsIndexeddb: Network and offline persistence
Explore documentation →

Ready to scale?

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

Start building GitHub