01/02
← →
Description
StillMotion is a freelance design and development agency website showcasing creative services through immersive 3D visuals, cinematic scroll animations, and WebGL-powered effects. Built with Astro and React, the site features a stunning hero section with GSAP-driven scroll pinning, Three.js 3D scenes with custom GLSL shaders, a dynamic service card gallery, and silky-smooth page transitions—demonstrating advanced frontend craftsmanship and creative web development.
Tech Stack
Astro 6React 19TypeScriptTailwind CSS 4Three.jsGSAPScrollTriggerGLSL Shadersvite-plugin-glsl
Highlights
•Immersive hero section with GSAP ScrollTrigger-powered scroll pinning, parallax logo animations, and a cinematic full-screen scrim reveal effect
•Three.js 3D scenes with custom GLSL fragment shaders rendered through vite-plugin-glsl, creating unique WebGL-powered visual effects
•Horizontal-scrolling service card gallery driven by GSAP scroll animations with staggered card entrances and testimonial reveals
•Dynamic hero slideshow with cross-fade transitions and alternating slide directions for an editorial, magazine-like feel
•Astro Islands architecture combining static HTML with React hydration for optimal performance—instant page loads with rich interactivity