One-Page Creative Studio Website with WebGL and MotionOne-Page Creative Studio Website with WebGL and Motion
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Shivam's avatar
Shivam Kumar
• 12h
NOVA is a self-initiated concept project: a one-page website for a fictional creative studio, built to show how motion and interaction can make a site feel premium without heavy frameworks.
What I built:
A live WebGL (GLSL) shader background that flows with the mouse and dims as you scroll to keep text readable
Animated loader and word-by-word headline reveals
A fullscreen navigation menu with a circular clip-path reveal
A scroll-lit paragraph where each word highlights as you scroll
A project list with a floating preview card that follows the cursor
Stacking service cards using sticky positioning and scroll-scrubbed scaling
Custom blend-mode cursor, magnetic button, animated counters, scroll progress bar and live studio clock
Fully responsive layout with a light/dark colour scheme and reduced-motion support
Tech stack: HTML5, CSS3, vanilla JavaScript, GSAP + ScrollTrigger, Lenis smooth scroll, Three.js (GLSL shaders).
Focus: smooth 60fps animation, clean code, mobile-friendly design and fast loading, with no React or other heavy framework.
UI DesignWeb DesignWeb DevelopmentFigmaGSAPthree.js
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started