The Laboratory

A collection of isolated web experiments, UI interactions, and physics simulations. Use to switch contexts.

Rendering Time Travel

A comparative experiment visualizing the execution timing differences between CSR, SSR, SSG, and ISR. Uses real-time timestamps to demonstrate caching behaviors and hydration lag in the App Router.

RenderingNext.jsTailwind CSS

Temporal State Machine (RTK)

Refactored version using Redux Toolkit. Showcases createSlice, internal Immer usage for simplified immutability, and reduced boilerplate.

Redux ToolkitReactTailwind CSS

Temporal State Machine (Legacy)

A pure Redux implementation showcasing manual immutability, state history, and time-travel debugging without Redux Toolkit.

Redux (Legacy)ReactTailwind CSS

Matrix Text Scramble

A cyberpunk-inspired text decryption effect using interval mathematics.

ReactTypeScriptAlgorithms

Particle Physics Engine

A canvas-based 2D physics simulation to test browser performance limits.

HTML5 CanvasTypeScriptMath

Command Palette

Search for a command to run...