CodeVector Showcase
Original interaction studies and prompt-based showcase examples, with their origins shown clearly.
Original research
Motion studies
Flagship study · 3d-webgl-morphology
Hyperfield
Full-scale 3D kinetic landing page with 25,000 GPU particles, Three.js WebGL dynamics, GSAP scroll-driven topological state morphology, and Web Audio synthesis.
Tech: Three.js · WebGL · GSAP ScrollTrigger · Lenis · Web Audio / Primitive: hyperfield-v1 / Verified: 2026-10-02
Original study · spring-physics-interaction
Inertia Field
Pointer-driven damped spring surface
Tech: Canvas 2D · Pointer Events · requestAnimationFrame / Primitive: elastic-grid-v1 / Verified: 2026-10-01
Original study · magnetic-flux-interaction
Magnetic Field
Inverse-square Poynting vector flux topology
Tech: Canvas 2D · Pointer Events · requestAnimationFrame / Primitive: magnetic-field-v1 / Verified: 2026-10-02
Original study · fluid-vortex-interaction
Vortex Flow
Logarithmic spiral suction with Biot-Savart curl
Tech: Canvas 2D · Pointer Events · requestAnimationFrame / Primitive: vortex-flow-v1 / Verified: 2026-10-02
Catalog prompt examples
Showcase examples
These pages originated from supplied prompts and are not counted as original motion studies.
Immersive Parallax Digital Sanctuary
Scroll-driven dreamcore experience with dual-scene transitions, opening velvet curtains, 9-card interactive arc slider, and Web Audio harmonic drone synth.
Tech: HTML5 · Tailwind · Parallax · Web Audio · Canvas · Video
Origin: dreamcore-landing · Status: showcase
Creative Direction & Cinema Lab
Dark cinematic creative studio landing featuring custom video loop hero with noise texture, progressive text reveal, and 4-column feature grid.
Tech: HTML · Tailwind · Video · Lucide
Origin: catalog prompt example · Status: showcase
Geological Spotlight Discovery & Deep Time
Full-screen interactive hero with canvas radial spotlight mask revealing deep crystalline strata beneath basalt crust, ambient drone synthesizer, and core telemetry.
Tech: HTML · CSS · Canvas · Web Audio
Origin: catalog prompt example · Status: showcase
Spatial Architecture & Kinetic Monoliths
Fullscreen video hero featuring brutalist concrete atrium and floating liquid mercury sculpture with custom ambient synthesizer and responsive navigation.
Tech: HTML · CSS · Web Audio · video
Origin: catalog prompt example · Status: showcase