Bio-Dynamics: Microbiome Sandbox
Full-body 3D microbiome simulator—rotate the body, zoom into tissue, run blog-backed probiotic scenarios.
labs/microbiome-sandbox
Interactive sandboxes
Labs
Standalone simulations you can poke at — deeper than article companions, built for exploration.
Runnable in the browser
Article companions
Static builds hosted on Cloudflare Pages — open a demo, then read the post for context.
Angular Web Audio Visualizer
Article: Creating Dynamic Music Visualizations with Angular and the Web Audio API
Dynamic music visualizations with Angular and the Web Audio API.
examples/angular-web-audio-visualizer
Web Workers & OffscreenCanvas
Article: Optimizing Angular Applications with Web Workers and OffscreenCanvas
Offload canvas rendering from the Angular main thread.
examples/angular-web-workers-offscreencanvas
Rust WASM Performance Demo
Article: Building High-Performance Web Applications Leveraging WebAssembly and Rust
Compare JavaScript vs WebAssembly for CPU-heavy loops.
examples/rust-wasm-performance-demo
Micro Frontends (Qwik + Angular + React)
Article: Micro Frontends: Working Example
Qwik shell hosting Angular and React micro frontends.
examples/qwik-angular-react-rust
Stencil Web Components in Angular
Article: Implementing Custom Web Components in Angular with Stencil.js
Custom element built with Stencil, consumed in Angular.
examples/angular-stencil-web-components
Angular Dynamic Form Debugging
Article: Debugging Angular: A Tale of Two Developers
Reactive form debugging patterns in Angular.
examples/angular-dynamic-form-debugging
Angular Patterns & DI
Article: Design Patterns in Angular: Enhancing Code Quality and Maintainability
Design patterns, providers, and injection tokens.
examples/angular-patterns-and-di
Angular Shared Library Workspace
Article: Reusable Shared Module in Angular
Reusable UI library consumed by a demo app.
examples/angular-shared-library-workspace
React Recoil Advanced State
Article: Advanced State Management in React with Recoil
Atoms, selectors, and async queries with Recoil.
examples/react-recoil-advanced-state
Bootstrap to Tailwind Migration
Article: Migrate CSS Bootstrap to Tailwind
Side-by-side before/after styling comparison.
examples/bootstrap-to-tailwind-migration
GraphQL with Angular & Apollo
Article: Integrating GraphQL with Angular: A Practical Guide
Angular CRUD via Apollo query and mutate — in-browser GraphQL mock for the live demo.
examples/angular-graphql-apollo
Real-Time Frontend Patterns
Article: Real-Time Data in Frontend Applications
WebSocket vs SSE side by side — simulated transports for the live demo.
examples/realtime-frontend-patterns
Chaos Resilience Lab
Article: Chaos Engineering for Frontend Applications
Inject payment faults and compare fragile vs resilient checkout side by side.
examples/chaos-resilience-lab
Needs local setup
Clone-only companions
Firebase, API servers, native Linux tooling, or notebooks — not yet runnable as static browser demos.
Real-Time Collaborative Editor
Angular editor using Firebase, Firestore, and WebRTC signaling ideas.
From: Building a Real-Time Collaborative Editor with Angular, Firebase, and WebRTC
REST to GraphQL Migration
Express API showing REST and GraphQL side by side with an Angular client.
From: Migrating from REST to GraphQL: A Step-by-Step Guide for Express.js and Angular
Custom Angular Schematics
Angular schematics for repeatable code generation.
From: Building Custom Angular Schematics: Automating Code Generation
Advanced TypeScript Types
Mapped, conditional, recursive, and utility type examples.
Jupyter Blog Starter
Python and Jupyter starter for notebook-driven technical analysis.
Latency Lens
Rust TUI that reads Linux PSI and explains desktop stutter from kernel pressure signals.