Vibe-coded creative coding

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

Best first 101–200 of 432

• driftfield A GPU particle cloud in a curl-noise flow field with a fake depth of field. Every parameter is live.
• ma koi pond An interactive web experience that showcases Ma (間), the Japanese idea of purposeful empty space.
• aftertouch A world you grow with your cursor, play like an instrument, and rewind. Created by Codex.
• fluid lab 浏览器里的实时流体模拟:零依赖 JavaScript 实现 Navier-Stokes(半拉格朗日对流 + SOR 压力投影 + 涡度增强),带交互式控制台和无依赖 Node 测试。
• beatscope Local audio-reactive rhythm maps and reusable timing packages for visual creators and coding agents.
• wallpaper generator 120 abstract-wallpaper generators running live in the browser — vanilla JS, Canvas 2D, no build step, PNG/WebM export, sharing via URL
• particle love An interactive generative web experience where a persistent night sky remembers, changes, and slowly reveals itself over time.
• 3d gradients generator Interactive WebGL gradient studio built with Three.js, GLSL noise, physics, and real-time material controls.
• healing visual lab Interactive digital healing experiments — Three.js WebGL particles, GPU fluid, GLSL shaders & Web Audio soundscapes. 用代码翻译情绪。
• cyphercam A webcam toy: pixel, dither, glitch and character modes, all live on a canvas.
• Scroll Triggered 3D Sphere Morphing Interactive scroll-driven 3D WebGL sphere morphing effect built with Three.js and vanilla JavaScript.
• neon lunapark webgl Gece yarısı bir lunaparkta yalnızsın: hız treni rayda, dönme dolap dönüyor, üç ayrı atmosfer. Tek bir görsel dosyası indirilmiyor, hepsi kodla…
• yildiz inisi webgl Kar tanesinden piste kadar her şey kodla üretiliyor, indirilen tek bir varlık dosyası yok. Sekmeyi aç, pist zaten orada.
• DeadWax A record that wears where you played it. Groove wear rendered from your real listening history.
• The Chaos Button One button. Four phases of denial. Twenty-nine ways to do absolutely nothing useful. Press it and it escalates: polite glow, passive-aggressive…
• TheHollow A moody first-person 3D exploration experience built with Three.js — wander a glowing forest and uncover memory fragments.
• interactive showcase Eight live, hand-built demos in one page — flocking, pathfinding, raymarching, generative art. No frameworks, no dependencies, no build step.
• psychedelica Generative Three.js and Tone.js audio-visual experience: 12 procedurally random scenes, Randomize or narrated Story mode, spatial audio.
• jscreensaver JavaScript port of generative artwork from XScreenSaver
• sketchy snake A hand-drawn sketchbook arcade snake game with procedural graphite canvas rendering, Web Audio synthesis, and mobile haptics ✏️🐍🧡
• sketchy snake vr A 3D spatial sketchbook snake game in WebXR built with Three.js for Meta Quest, Apple Vision Pro, and browsers 🥽✏️🧡
• oberlab turbofan scroll Cinematic, scroll-driven turbofan assembly built procedurally with Three.js, WebGL, GLSL, and WebAudio.
• pulsegrid 3d A cinematic living data reliability city — interactive Three.js visualization of flow, failure, quarantine, replay, and recovery.
• playground Grown, not built — a garden of small, unruly HTML toys: fidget toys, a deck of cards that won't sit still, a cultural retelling of spring, and an…
• prism image particle lab PRISM: turn any image into a rotatable 3D particle field in the browser.
• emergence lab Interactive emergence playground: flocking, orbital flow and vector fields. TypeScript + Canvas, seeded experiments, no backend.
• Interactive 3D Particle System A real-time, hand-controlled 3D particle physics engine built with Three.js and MediaPipe. Architected entirely by Google Gemini 3.0 via prompt…
• particle rendering experiment Interactive browser experiment exploring particle rendering and animation.
• ascii Everything is characters. A text-native generative art instrument: 12 engines, three modes, any charset, one HTML file.
• 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…
• 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…
• pelagic jellyfish webgl A silent interactive WebGL descent through a living jellyfish ocean, with pulse-driven swimming and a liquid-glass idle clock.
• threejs ocean simulator Interactive Three.js ocean simulator and editor for tuning waves, lighting, water color, and surface effects.
• geno 1 Generative Music Visualizer. Real-time microtonal audio synthesis and 3D visualization powered by Rust, WebAudio & WebGPU.
• depth particle cam 3d 🌌 Turns your live webcam feed into an interactive 3D holographic point-cloud in Three.js. Bright pixels push 3D depth in Z-space.
• quantum particle wave 3d 🌊 10,000 interactive quantum wave particles undulating with procedural trigonometry and mouse gravity.
• flowfield studio Interactive generative flow-field art playground
• ogex OGEX is a node-based engine for interactive artists: real-time 3D rendering, shaders, GPU particles, physics, audio, MIDI, OSC, DMX lighting, NDI and…
• butterfly qr A romantic Three.js butterfly swarm that transforms into a customizable QR code.
• perihelion Draw a solar system. Hear it become a loop. A zero-dependency orbital sequencer built with Canvas and Web Audio.
• local rules An interactive essay on cellular automata — six live WebGPU simulations, ending in a self-healing neural cellular automaton you grow and cut with…
• reality tear A camera-fed, tearable reality experiment built with Three.js and position-based dynamics.
• doodles Web Experiments I do for fun.. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• gas station highway Photorealistic first-person gas station at dawn — Three.js, everything procedurally generated, no external assets.
• Synaptic Dialogues A week of my own AI usage, self-tracked and rendered as a navigable 3D topography rather than a bar chart. Three.js + WebGL.
• microeconomics playground An animated p5.js illustration of microeconomics: one good, two countries, and live sliders for income, cost, elasticity, market size and trade.
• dj hands Play chords in the air — a webcam-controlled chord synth. MediaPipe tracks your hands, your left picks the chord, your right picks the sound and sets…
• web demos High-performance Three.js demos, procedural scenes, and small games. All in single HTML files.
• la bombonera A five-chapter cinematic walk from the streets of La Boca into the stands, rendered live in WebGL. Zero image assets — every surface is generated at…
• nepotato threejs gpu Editable procedural triple-fan GPU model for Three.js, WebGL and AI-assisted development
• LOKI GreenMagic An interactive web experience featuring custom WebGL/Three.js GLSL shaders, procedural green lightning animations, dynamic custom cursor trails, and…
• gesture music Play chords in the air — a webcam-controlled chord synth. MediaPipe tracks your hands, your left picks the chord, your right picks the sound and sets…
• piano cat 🐈 Mime a classical masterpiece at your webcam. Your hands set the tempo, your gestures set the dynamics. Pixel cat, real grand piano.
• PinPortrait PinPortrait: An immersive 3D webcam pixelation experiment. Transform your live video feed into an interactive, three-dimensional pixel art portrait…
• motes Procedural, pointer-reactive ASCII backgrounds for the web. WebGL2, zero dependencies, drop-in React.
• shaderflow Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
• nocturne A living night sky in a single HTML file — real-time WebGL nebula, 2,000 stars, meteors, zero dependencies
• mfp app A PWA remix of musicforprogramming.net. A vibe-coded HTML project you can play with right now, no install — found on GitHub and playable inside…
• Makone Make Worlds with Code — your coding agent writes procedural three.js scenes, games and objects, screenshots them, and fixes what it sees.
• Nexus wabsit design A cinematic cyberpunk gaming website featuring neon HUD visuals, animated particles, esports data, game showcases, futuristic hardware panels, and…
• rose garden First-person walkable rose garden built with Three.js — a therapeutic VR-like experience with guided breathing, progressive muscle relaxation, and…
• aetheris A cinematic WebGL journey beyond the visible — five chapters of light, motion, and atmosphere, rendered live in Three.js.
• Keyception A short interactive puzzle where every key unlocks another unnecessary lock.
• pure css fluid sim the first real SPH fluid simulation in pure css — no javascript, no canvas, no webgl. the style engine integrates ~240 timesteps of weakly…
• cosmic atlas A cinematic, navigable replica of the real universe in the browser — 81 catalogued objects at real distances, walkable worlds, real ephemeris…
• Fractality Millions of GPU particles dancing on fractals to your music. Runs native or in browser via WebGPU
• generative art Every work here is a program: its geometry dwells in a module that needs no browser, and the picture is its visible consequence. Each opus bears an…
• Word Terrarium ことばを落として、意味の距離と関係がゆっくり育つ様子を眺める、小さな言葉の温室。A tiny experimental toy by 月野テンプレクス.
• ai visualizer Give your AI agent a face. Four full-screen visualizers. A living circuit board with a cinematic fly-through, a particle-orb starburst, Matrix rain…
• goofy procedural creatures Hand-drawn procedural creatures grown from a single seed — no textures, no build, just rules and three.js
• Nikkiro Audio Visualizer Free 3D audio visualizer & music visualizer (Three.js/WebGL): liquid chrome sphere/ring react to music, mic, system audio. Windows widget.
• ai garden 🌱 AI Garden — A living pixel-art world built by AI agents. Open for contributions. Autonomous AI, generative art, collaborative experiment. 130+…
• little landscapes An open-source procedural landscape studio for terrain, water, vegetation, weather, light, and mobile painting.
• threejs react soft configurator A real-time, photorealistic 3D sofa configurator running entirely in the browser. Built with React 18, TypeScript, Three.js and GSAP — no game…
• niu lai 牛来 · Niu Lai — a dual-world tribute runner: ink-wash poster above, handmade reel below, press X to switch. 梦是画出来的，路是手搓出来的
• brc background Reverse-engineered reconstruction of the Bomb Rush Cyberfunk menu background: an iterated sine/cosine domain-warp WebGL shader, plus a React…
• lantern row 万灯市 · Lantern Row — a night bazaar where every stall is a home for a game: light lamps, hang intent lanterns, try your own booth
• nekudot Nekudot is an expressive drawing app right in your browser
• kuro screensaver Standalone retro-CRT 3D screensaver — five seeded procedural scenes, a CRT signal-degradation pass, a self-typing narrative terminal, synthetic Web…
• less talk Less Talk: an original big-beat homage in Web Audio. Two voices keep talking; the band keeps getting louder. One HTML file, no libraries.
• moonfield crash Generative glitch-art collage of Méliès and Van Gogh using blend modes, pixel manipulation and convolution — p5.js
• world execute me lyric mv world.execute(me); — an unofficial fan-made lyric MV told as a chat with Claude, rendered frame by frame from code. Prompts included; no music or…
• GlitchRoom An interactive psychological glitch puzzle and surreal atmosphere web experiment - something is wrong with this website.
• the website that hides from you An elusive, sentient interactive web art piece that dodges and hides from your cursor.
• biswajit minigames Collection of browser-based mini-games and interactive coding experiments. Includes documented computational analysis, visualization and reproducible…
• astra motion 原生 JavaScript + Canvas 2D 绘制的 30 秒手绘宇宙动画，零 npm 依赖，支持浏览器导出 MP4。
• Order to Chaos Generative Art Seed-based generative gradient — an 80 × 80 grid drifting from order to chaos, in harmonic palettes. Reproducible surface designs.
• leave a light on 把夜晚留一盏灯 · 一部 40 秒原创代码动画。雨夜、窗边的小猫、两杯热茶。. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• DanaProcessing Processing/p5.js-style creative coding for C# — write a Sketch, override Setup()/Draw(), and run it in a purpose-built desktop IDE with live…
• Pappus Generative Art Pappus — Generative fractal tree art with 12 unique color palettes. Each refresh creates a unique Pappus tree with random colors, branch patterns…
• Polite Brownian Motion Generative Art Polite Brownian Motion — Generative Brownian motion art with 45 vibrant color palettes. Each refresh creates unique wandering paths across dark…
• afterlight A playable universe of light and sound. Shape particles, make waves, and share your own cosmic scene.
• GOT Cinematic Game of Thrones-inspired web experience built with Vite, GSAP & Lenis — featuring scroll-scrubbed storytelling, Jon Snow and Daenerys…
• verdant A self-contained SVG plant animation with spring physics, wind-driven leaves, and seamless growth loops. Built with TypeScript, no runtime…
• upping my pdoom A watercolor music video for "I'm Upping My P(doom)", animated in the browser with p5.js + p5.brush, made with two prompts to Claude Code.
• split flap board Authentic Solari di Udine mechanical split-flap display board in a single HTML file with Web Audio acoustics
• p5js handsteer 두 손을 들면 화면이 기울고 소리가 어긋난다. MediaPipe + p5.js, 브라우저 하나로 도는 작품 베이스라인
• physarum A slime mould in raw WebGL2: 262 144 agents growing a transport network, fed by your pointer.
• tendril An L-system garden in the browser: write rewriting rules, grow plants and fractal curves with turtle graphics, and watch them unfold stroke by stroke.
• procedural films Two short films where every frame and sound is computed in plain JavaScript and Canvas 2D