This is a 3D WebGL Shape Matcher Game. It utilizes the Three.js library to render a fully functional, physics-driven puzzle game directly in the browser. Its function is to demonstrate complex state management, 3D raycasting, and sequential animation chaining without the overhead of a dedicated game engine like Unity. (Requires: three.js, tween.js)

This is an Animated 404 Face SVG. It uses CSS keyframes to transform the static numbers “404” into a reactive, smiling face. Its function is to provide an engaging, lightweight fallback state for broken links, softening user frustration through characterful micro-interactions.

This is a Pure CSS Ebbinghaus Optical Illusion. It uses mathematically sized radial gradients on a single element to trick the brain into perceiving two identical circles as different sizes. Its function is to provide an interactive, visual “gotcha” moment, demonstrating how relative scale affects human perception, revealed instantly via a smooth hover transition.

This is a Flickering Torchlight Reveal Overlay. It pairs a custom cursor with a dynamic radial mask to selectively expose underlying content. Its function is to restrict visibility to the immediate cursor vicinity, replacing open layouts with an exploratory, constrained interaction model.

This is a Halloween Countdown Hero Section. It combines a functional date countdown with thematic, highly kinetic visual elements like dropping spiders and cursor-tracking skull eyes. Its function is to immediately immerse users in a seasonal campaign while driving urgency toward a specific deadline.

This is a Haunted CSS Grandfather Clock. It renders a highly detailed, thematic timepiece using only CSS shapes, set against an animated spooky background. Its function is to provide an immersive, real-time clock interface, replacing flat digital readouts with rich, analog spatial design.

This is a Minimalist Radial Dot Clock. It visualizes time through three concentric rings of geometric dots (hours, minutes, seconds) rather than traditional sweeping hands. Its function is to provide an ambient, modern alternative to standard analog or digital readouts, integrating seamlessly into high-end, futuristic interfaces.

This is a Neumorphic Mechanical Toggle Switch. It replaces the default browser checkbox with a tactile, extruded hardware-style button. Its function is to govern binary states (on/off) while providing strong physical visual feedback through inverted shadows, glowing indicators, and spring-loaded motion.

This is a 3D Warp Speed Tunnel. It renders a four-sided grid tunnel utilizing CSS 3D transforms, through which animated gradient “beams” travel infinitely. Its function is to provide an immersive, spatial background for hero sections or focal cards, establishing a strong sense of velocity and technological depth. (Requires: GSAP, dat.gui)

This is an Animated 3D Folding Ribbon. It decorates standard heading text with pseudo-element tails that dynamically fold backward in 3D space upon interaction. Its function is to elevate standard static title banners or badge elements into interactive, spatially-aware UI focal points.