A WebGL shader-based animated background that generates Perlin-noise thread-like patterns. Demonstrates advanced OGL usage: a props-ref pattern to update uniforms without recreating the renderer, IntersectionObserver to pause when off-screen, render resolution capping for performance, and proper cleanup (context loss, resize observer, RAF cancellation). Highly self-contained and copy-paste ready, showcasing non-obvious WebGL optimization and lifecycle management.

A standalone utility that applies the marching squares algorithm to extract contour lines from a 2D field and smooths them via Chaikin's corner-cutting algorithm. Cleanly encapsulated, parameterized, and dependency-free, making it directly reusable in any canvas/SVG project that needs iso-contour generation. Demonstrates algorithmic rigor and a reusable geometry pattern.

A highly configurable 3D carousel component supporting drag gestures, autoplay, looping, and pause-on-hover. Uses motion values and transforms for depth effects, handles pointer events robustly, and includes accessibility considerations. Self-contained with a clean props API, demonstrating a polished interaction pattern that could be lifted into any React project with minimal changes.

A text animation component that simulates decryption/decoding effects at the character level with configurable speed, iteration, and character set. It respects reduced-motion preferences and provides a screen-reader-friendly fallback. The implementation is isolated, uses only core React patterns, and is easily extensible, making it a strong candidate for reuse in projects needing playful or futuristic text effects.