Vibe-coded glsl

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

• patchies Code-first patcher for exploring computation through audio and visual. Connect tools you know and code your own ✨
• fluid Dependency-free WebGL studio for generative backgrounds and live embeds.
• shimmers A Sketchbook of Generative Art. A vibe-coded Clojure project you can play with right now, no install — found on GitHub and playable inside…
• motes Procedural, pointer-reactive ASCII backgrounds for the web. WebGL2, zero dependencies, drop-in React.
• brc background Reverse-engineered reconstruction of the Bomb Rush Cyberfunk menu background: an iterated sine/cosine domain-warp WebGL shader, plus a React…
• say hello to a black hole Real-time, browser-rendered black hole simulation: mic-driven mass change vs. real Hawking radiation, Three.js + GLSL.
• SwayCommand Gesture-driven VJ instrument for the Audima Labs Sway: 16 procedural WebGL2 scenes, live audio analysis, timeline and effects rack. By GANTASMO.
• Nikkiro Audio Visualizer Free 3D audio visualizer & music visualizer (Three.js/WebGL): liquid chrome sphere/ring react to music, mic, system audio. Windows widget.
• vernier gl Interactive drafting table in WebGL — draw a plan on an 8px grid, tilt the sheet, sculpt it in perspective. One fragment shader, zero dependencies…
• LIQUID GLASS Figma's Liquid Glass effect rebuilt as a real-time WebGL2 renderer. Design glass on any shape or SVG path, then export a copy-paste config. Adds…
• terminal synth Synthétiseur visuel dark/industriel audio-réactif — WebGL2, MIDI Learn, 130 générateurs · univers Robōtariis
• healing visual lab Interactive digital healing experiments — Three.js WebGL particles, GPU fluid, GLSL shaders & Web Audio soundscapes. 用代码翻译情绪。
• ab9d portfolio 3D WebGL particle-morph portfolio — Flutter / Odoo / IoT engineer
• allanhert portfolio Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
• omr عُمر — a scroll-driven descent through a life. three.js helix, GPU-advected mist, a thread of light. Engine only; the album is private.
• liquid lens A WebGL metaball lens: soft bodies that chase the pointer, merge into one shape, and show a photograph only where they are. Every number is a slider.
• dithering shader Generative WebGL2 dithering playground and React component with terrain, country masks, 3D illusions, and live performance analytics.
• shaderflow Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
• DeadWax A record that wears where you played it. Groove wear rendered from your real listening history.
• pelagic jellyfish webgl A silent interactive WebGL descent through a living jellyfish ocean, with pulse-driven swimming and a liquid-glass idle clock.
• cosmic atlas A cinematic, navigable replica of the real universe in the browser — 81 catalogued objects at real distances, walkable worlds, real ephemeris…
• 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…
• Metallica A holographic AI assistant interface rendered in real-time WebGL — pulsing FRIDAY-style core, GPU particles, spatial HUD and 10 spec-driven 3D data…
• portfolio Single-page scroll-driven portfolio: one 160,000-point particle field morphs into a different form for every section.
• raymarchcity Audio-driven raymarched night city — the whole thing in one fragment shader. Drop in an mp3.
• 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.
• 3d gradients generator Interactive WebGL gradient studio built with Three.js, GLSL noise, physics, and real-time material controls.
• physarum culture A live GPU simulation of a million slime-mould agents growing transport networks. One static HTML file, no dependencies.
• aura break A burning circular charge meter in one HTML file. GLSL fragment shader, no build step.
• N0 filtr Studio site for a studio of one — Next.js 15, GSAP and Three.js. A WebGL brand mark, a Matter.js block pit, simulated wire ropes you can drag, and a…
• gas station highway Photorealistic first-person gas station at dawn — Three.js, everything procedurally generated, no external assets.
• bmw hall Scroll-driven 3D web experience - a baked camera timeline in three.js, lit by a vertex baker written in Python for Blender
• celadon A 3D pottery game with no art assets: the clay, the glaze chemistry, the kiln and every texture in the room are computed at runtime. Built with…
• jscreensaver JavaScript port of generative artwork from XScreenSaver
• almost ALMOST — An immersive 3D museum of unlived lives, generated in real time with Three.js and GLSL.
• 5d fountain song show Give it a song. It reads the whole track first, writes a show, and fires water EARLY so it arrives on time — because a 10m jet takes 1.43s to reach…
• 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…