3d gradients generator
A free generative art piece — play it in your browser, no install. Interactive WebGL gradient studio built with Three.js, GLSL noise, physics, and real-time material controls.
Vote and save it — free account with email or sign in with GitHub
Made this, @moosefroggo? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: Arrow keys
GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
Make animated 3D gradients in your browser. Change the colors, shapes, noise, and materials, then copy your settings to reuse them.
Morph uses Three.js and custom GLSL shaders to animate the shapes. React Three Fiber renders the scene. Zustand keeps the controls and the scene in sync.
The repository also includes a Vite library build for the scene, materials, and gradient presets.
React 19, Vite, Three.js, React Three Fiber, GLSL, Zustand, Radix UI, and Tailwind CSS.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
lumaform orb
A WebGL instrument for designing animated AI-assistant orbs: 23 shader engines, one parameter schema, one render loop. Runtime published as…
pelagic jellyfish webgl
A silent interactive WebGL descent through a living jellyfish ocean, with pulse-driven swimming and a liquid-glass idle clock.
3d room
Interactive 3D room rendered in the browser with Three.js - baked lighting, custom GLSL lightmap shaders, and animated props.
driftfield
A GPU particle cloud in a curl-noise flow field with a fake depth of field. Every parameter is live.
- afterglow The road ahead, in the last of the light.
voyage
VOYAGE — a scroll-driven cinematic 3D voyage through space (Three.js + GLSL + Lenis)
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
