Vibe-coded shaders

31 vibe-coded shaders projects you can play with in the browser — built with AI, deployed by their authors, collected on VibeCruiser.

• fluid Dependency-free WebGL studio for generative backgrounds and live embeds.
• motes Procedural, pointer-reactive ASCII backgrounds for the web. WebGL2, zero dependencies, drop-in React.
• wave3d Open-source, browser-based studio for authoring and implementing 3D gradient waves 🌊
• fractbox engine Composable, distance-estimated 3D fractal engine — WebGPU, zero build, zero dependencies. Read-only MIT mirror.
• allanhert portfolio Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
• shaderflow Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
• dither flow A 1-bit dithered flow field for the web — cursor-stirred ink, curl-noise advection, Bayer ordered dithering. Raw WebGL2, zero dependencies.
• DeadWax A record that wears where you played it. Groove wear rendered from your real listening history.
• cosmic atlas A cinematic, navigable replica of the real universe in the browser — 81 catalogued objects at real distances, walkable worlds, real ephemeris…
• web kick Automatic Bass Drum Kick Generator. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• drift Drift — 65,536 particles riding a curl-noise flow field on your GPU. Drag to spin vortices. WebGL2 GPGPU, no server, one file.
• gummy Gummy — soft-body jelly blobs with real spring-mass physics and glossy GPU candy rendering. Poke them. WebGL2, no server, one file.
• jalebi Jalebi — a syrupy coil dipped in dahi on a fourteen-second loop. Raymarched live on your GPU, WebGPU first with a WebGL2 fallback. No server, one…
• lichen Lichen — a Gray-Scott reaction-diffusion system growing coral patterns on your GPU. Click to seed. WebGL2, no server, one file.
• undertow Undertow — a real-time GPU fluid simulation in the browser. Stable fluids, drag to stir. WebGL2, no server, one file.
• crt screen A custom element that renders any content inside a CRT - aperture grille, shadow mask and dot matrix shaders over live, interactive DOM rather than a…
• onkochishin 温故知新 — a local gallery that studies other people's web demos, then rebuilds them as dependency-free single pages. 16 rebuilt works, 14 shader labs…
• stereo lab A hands-on browser lab for learning 3D/WebGL with three.js — 15 interactive stations (procedural geometry, glTF, SDF shaders, physics, a walkable…
• driftfield A GPU particle cloud in a curl-noise flow field with a fake depth of field. Every parameter is live.
• nightsail A night sea of Gerstner waves, a column of light and a boat riding the swell. Generated from code, tuned live.
• fluid wallpaper Living generative ink for the web — WebGL2 fluid as a web component or React embed.
• inkfall A GPU fluid simulation in the browser. Move the pointer and ink blooms through water in plumes and filaments. One self-contained HTML page, no…
• 3d gradients generator Interactive WebGL gradient studio built with Three.js, GLSL noise, physics, and real-time material controls.
• Paperlab Physical, realistic paper as a React component. Real 3D geometry that peels, unrolls, folds and hangs — preset-driven, serializable, agent-first.
• aura break A burning circular charge meter in one HTML file. GLSL fragment shader, no build step.
• slime mould computer Physarum polycephalum as a GPU network solver — 262k WebGL2 agents grow a transport network, then prune it to arteries. Default dish: the Lviv metro…
• gas station highway Photorealistic first-person gas station at dawn — Three.js, everything procedurally generated, no external assets.
• nocturne A living night sky in a single HTML file — real-time WebGL nebula, 2,000 stars, meteors, zero dependencies
• cargo Ten single-purpose browser tools for design engineers — text animations, shader gradients, easings, UI patterns, typography. Free, no accounts, no…
• jscreensaver JavaScript port of generative artwork from XScreenSaver
• wave arena studio Give it a song — it reads the whole track, decides what that song is, and performs it as a body of water. Key, mode, tempo and the lead vocal drive…