Angular Tools
Free, browser-based tools for Angular developers. Build any Angular CLI command visually, generate a proxy.conf.json for ng serve, check which Node.js and TypeScript versions your Angular version needs, convert *ngIf and *ngFor to @if and @for, test date, number and currency pipe formats in any locale, look up the Signal Forms equivalent of any Reactive Forms API, find any Material Symbols icon for mat-icon, and plan an upgrade between any two majors from v8 to v22, for the framework and for Angular Material, with the exact ng update commands, breaking changes and links to the official sources for every step.
All Angular tools
Angular Upgrade PlannerPick a source and target Angular version (8–22) for an ordered, checkable upgrade plan — ng update commands, breaking changes, deprecations, and migrations.Angular CLI Command BuilderBuild ng new, ng generate, ng serve, ng build, ng test, ng add and ng update commands visually — pick options, copy the exact command. Based on the official Angular CLI reference.Angular inject() ConverterPaste an Angular component, directive or service and convert constructor injection to the inject() function: @Inject, @Optional, @Self, @SkipSelf, @Host, @Attribute and super() calls, with the official migration rules and optional @Service().Angular Proxy Config GeneratorGenerate proxy.conf.json or .mjs for ng serve: proxy /api to your backend, fix CORS in development, strip prefixes with pathRewrite, set changeOrigin and secure, and test which rule a request hits.Angular Route Config BuilderBuild Angular Routes visually: loadComponent and loadChildren, functional guards and resolvers, titles and withComponentInputBinding. Copy app.routes.ts, feature routes, app.config.ts and the ng generate commands.Signal Forms Migration ReferenceSide-by-side Reactive Forms to Signal Forms reference: FormGroup, Validators, FormArray, valueChanges, ControlValueAccessor and submission, with code checked against angular.dev.RxJS to Signals ReferenceSide-by-side RxJS to Angular signals reference: toSignal, httpResource, rxResource, resource, linkedSignal and takeUntilDestroyed, type-checked against Angular 22.Angular Control Flow ConverterConvert *ngIf, *ngFor and ngSwitch to @if, @for and @switch. Handles else templates, trackBy, index aliases and inline component templates, using the official migration rules.Jasmine to Vitest ConverterPaste an Angular Jasmine spec and get the Vitest version: spyOn, createSpyObj, and.returnValue, toBeTrue, expectAsync, done callbacks and fakeAsync, using the official Angular CLI migration rules.Angular Node.js & TypeScript Version CheckerWhich Node.js, TypeScript and RxJS versions does your Angular version need? Check your versions or paste package.json against the official compatibility table (Angular 6 to 22).Angular Material Upgrade PlannerPick a source and target Angular Material version (8–22) for an ordered upgrade plan — MDC migration, legacy removal, Material 3 theming, and ng update commands.Angular Material Icon FinderSearch 3,900+ Material Symbols and the legacy Material Icons by name or tag, preview Outlined, Rounded and Sharp, and copy <mat-icon> code, font links and SVGs.Angular Date Pipe Format TesterType a date pipe format and see the exact output for any locale and timezone, with every format token and named format. Also tests the number, currency and percent pipes and digitsInfo.
Popular Angular upgrade paths
Popular Material upgrade paths
Actively supported Angular versions
| Angular | Node.js | TypeScript |
|---|---|---|
| v22 | ^22.22.3 || ^24.15.0 || ^26.0.0 | >=6.0.0 <6.1.0 |
| v21 | ^20.19.0 || ^22.12.0 || ^24.0.0 | >=5.9.0 <6.0.0 |
| v20 | ^20.19.0 || ^22.12.0 || ^24.0.0 | >=5.8.0 <6.0.0 |
Source: Angular version compatibility. Last reviewed . Older versions and your own setup: Node.js & TypeScript version checker.