Sg
Signals
Reactive state with fine-grained reactivity and computed values.
Explore >Angular 18+ · Standalone lab
ng-playground.
A quiet gallery of modern Angular. Signals, forms, SSR, and zoneless — each one on its own pedestal.
signals.component.ts
const count = signal(0);
const doubled = computed(() => count() * 2);
effect(() => {
console.log('count is', count());
});One lab. Every modern primitive.
Nine interactive exhibits, lazy-loaded at the route boundary. No chrome competing with the content.
- interactive exhibits
- 9
- standalone components
- 100%
- zone.js required
- 0
The collection.
Each tile is a working exhibit. Search the index, then step inside.
Fo
Forms
Template-driven and reactive forms with validation.
Explore >Da
CRUD
Data operations with optimistic updates and error handling.
Explore >Df
SSR @defer
Incremental hydration and deferred loading for performance.
Explore >Rx
RxJS
Reactive streams, operators, and observable patterns.
Explore >DI
Dependency Injection
Hierarchical injectors, tokens, and modern DI patterns.
Explore >Rt
Router
Guards, lazy loading, and protected-route patterns.
Explore >An
Animations
Triggers, transitions, and keyframes in motion.
Explore >Zl
Zoneless
Zone.js-free change detection with signal reactivity.
Explore >Showing 9 of 9 exhibits