Vibe-coded generative art

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

• q5.js Beginner friendly graphics powered by WebGPU, optimized for interactive art!
• shiyun 把中国三千年的诗放进一片可漫游的三维星系：每位诗人是一颗星，每首诗都有坐标，星与星之间的虚空是「一切可能的诗」。32,657 位诗人 / 933,857 首。灵感来自刘慈欣《诗云》。
• fluid Dependency-free WebGL studio for generative backgrounds and live embeds.
• ClawdMoji Pixel-art Slack emoji of Clawd 🦀 — a growing cast of animated variants, generated entirely with Python + math. PRs welcome!
• 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…
• 8f4e 8f4e is a stack-oriented programming language with a semi-visual live code editor
• Makone Make Worlds with Code — your coding agent writes procedural three.js scenes, games and objects, screenshots them, and fixes what it sees.
• hui gesture bagua 单手手势控制的生成式八卦动态体验 · A generative Bagua experience controlled by hand gestures.
• motes Procedural, pointer-reactive ASCII backgrounds for the web. WebGL2, zero dependencies, drop-in React.
• ai garden 🌱 AI Garden — A living pixel-art world built by AI agents. Open for contributions. Autonomous AI, generative art, collaborative experiment. 130+…
• wave3d Open-source, browser-based studio for authoring and implementing 3D gradient waves 🌊
• geno 1 Generative Music Visualizer. Real-time microtonal audio synthesis and 3D visualization powered by Rust, WebAudio & WebGPU.
• Vellum An atelier of imaginary cartography: procedural fantasy atlases as deterministic SVG.
• the planet thinks Watch Wikipedia being edited in real time on a 3D globe — theplanetthinks.com
• gitcity Turn any GitHub contribution graph into a living 3D neon city. Skyline replacement with themes, per-day hover, PNG and printable STL export. No login.
• nekudot Nekudot is an expressive drawing app right in your browser
• afterglow Paint with long-exposure light — a novel, endless HTML5 light-painting game. Steer glowing lights to burn shimmering trails onto a night sky.
• fractbox engine Composable, distance-estimated 3D fractal engine — WebGPU, zero build, zero dependencies. Read-only MIT mirror.
• SwayCommand Gesture-driven VJ instrument for the Audima Labs Sway: 16 procedural WebGL2 scenes, live audio analysis, timeline and effects rack. By GANTASMO.
• pothos POTHOS - a garden of appointments. Sow a seed; it tells you exactly when it will open. Nothing you do can hurry it. Experimental Concept IV.
• octagons Animated backgrounds built from regular octagons. Line art, zero dependencies, ~3KB gzipped.
• kuro screensaver Standalone retro-CRT 3D screensaver — five seeded procedural scenes, a CRT signal-degradation pass, a self-typing narrative terminal, synthetic Web…
• perlin studio Parametric 3D/4D Perlin animations in the browser — vanilla JS, no build, seamless loop, WebM export. Worker-accelerated.
• SOUND TERRARIUM Sound generates the terrain, tilt shapes the world, real-world time and weather shape the sky — a tiny living world for M5Stack Cardputer ADV.
• glyph matter Sample OpenType words into identity-preserving particle matter — rest, loosen, morph into other words or photo contours, or let audio drive the field.
• terminal synth Synthétiseur visuel dark/industriel audio-réactif — WebGL2, MIDI Learn, 130 générateurs · univers Robōtariis
• 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…
• particle lab creative-coding, generative-art, image-to-particles, interactive-art. A vibe-coded HTML project you can play with right now, no install — found on…
• healing visual lab Interactive digital healing experiments — Three.js WebGL particles, GPU fluid, GLSL shaders & Web Audio soundscapes. 用代码翻译情绪。
• Flield A browser-based generative pixel art tool for creating unique three-color compositions from seeded flow fields and symmetry
• stlshaper Real-time mesh deformation tool. Apply noise, sine wave, pixelate and more effects to 3D models using Three.js. Create unusual and captivating…
• earthloom The Earth weaves one open-data portrait a day.
• particle love An interactive generative web experience where a persistent night sky remembers, changes, and slowly reveals itself over time.
• aetheris A cinematic WebGL journey beyond the visible — five chapters of light, motion, and atmosphere, rendered live in Three.js.
• butterfly fx universe loom A GPU-accelerated Mandelbrot-to-cosmos universe loom built with p5.js and Electron.
• wallpaper generator 120 abstract-wallpaper generators running live in the browser — vanilla JS, Canvas 2D, no build step, PNG/WebM export, sharing via URL
• psychedelica Generative Three.js and Tone.js audio-visual experience: 12 procedurally random scenes, Randomize or narrated Story mode, spatial audio.
• e8 studio E8 Studio — An interactive exploration of E8, Platonic solids, the 600-cell, and regular 4D polytopes through real-time visualization and animation.
• 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.
• generative art 免费开源、纯浏览器运行的生成艺术工具，流场算法绘制粒子轨迹，导出PNG。. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• 991337.xyz A small Three.js experiment.. A vibe-coded HTML project you can play with right now, no install — found on GitHub and playable inside VibeCruiser.
• museum of emergence A living museum of self-organising systems. Eight rooms where simple local rules produce order nobody designed — flocking, slime mould…
• morphogen A studio of 12 generative & artificial-life systems — flow fields, reaction-diffusion, Lenia, particle life and more. Seedable, tunable, shareable…
• dithering shader Generative WebGL2 dithering playground and React component with terrain, country masks, 3D illusions, and live performance analytics.
• jellyflam3 server Self-hosted generative media server: flam3 renders → ffmpeg → Jellyfin → Roku & Kodi screensavers. A dream engine for your screens.
• morphogen A living reaction-diffusion field with a guestbook for AI agents. People watch. Models leave marks.
• abyssarium Not a real project, for testing generative AI tools and workflows. Abyssarium is a chaotic procedural aquarium where strange creatures evolve, swarm…
• fireflies Fireflies (반딧불이): open-source night-sky art — tiny helium sky-jellyfish with glowing tendrils, drifting on the wind and blinking in synchrony. Try…
• DeadWax A record that wears where you played it. Groove wear rendered from your real listening history.
• stringweave Convert any photo into string art — generate the pin sequence and simulate the weaving pattern for physical or digital creation
• flowfield studio Interactive generative flow-field art playground
• petri mold Пиксельная чашка Петри: ставишь споры кликами и смотришь, как растёт плесень. Ванильный Canvas 2D, без зависимостей.
• painterly Watch a photo get painted: multi-size brush strokes that follow the image and converge on it. Deterministic, zero dependencies, in a browser canvas.
• pelagic jellyfish webgl A silent interactive WebGL descent through a living jellyfish ocean, with pulse-driven swimming and a liquid-glass idle clock.
• gitstrata Turn public GitHub history into a unique rare stone with glowing mineral veins, repository fossils, interactive excavation, and shareable generative…
• ASCII DOVE Turn images, video and your webcam into glyph art. 101 character sets, contour-aware edge strokes, and text/SVG/GIF export — in the browser, no build…
• tendril garden Deterministic generative line drawings grown through collision-aware spatial rules.
• ascii Everything is characters. A text-native generative art instrument: 12 engines, three modes, any charset, one HTML file.
• projeto x Experiência interativa de visão computacional e arte generativa controlada por gestos com MediaPipe, Three.js, WebGL e TypeScript.
• 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.
• 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.
• ruang rasa Visualisasi 3D interaktif: rasa sebagai satu variabel dasar yang berubah bentuk lewat konteks, bukan kumpulan emosi terpisah.
• kalp animasyon A glowing 3D heart woven from light in a WebGL starfield, built with Three.js and real bloom post-processing.
• 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
• cut and remix Web-based digital photo weaving and image deconstruction art tool
• tesselate A drawing table for tessellated patterns: draw one square tile, the plane repeats it forever under a symmetry you control. Pure vector, no build step.
• tessera A drawing table for tessellated patterns: draw one square tile, the plane repeats it forever under a symmetry you control. Pure vector, no build step.
• trigons lite Lightweight animated triangulated backgrounds for the web. Zero dependencies, ~2KB gzip. Inspired by Trigons by DeeThemes.
• raymarchcity Audio-driven raymarched night city — the whole thing in one fragment shader. Drop in an mp3.
• muqarnas Computational reconstruction of a 13th-century muqarnas vault using exact geometry, medieval mathematics, and Three.js/WebGPU.
• mind galaxy An interactive 3D galaxy — 18 book chapters as planets across 5 themed solar systems, orbiting a black hole. Three.js + WebGL.
• 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…
• butterfly qr A romantic Three.js butterfly swarm that transforms into a customizable QR code.
• void scribe 用声音作画的活体屏保：麦克风驱动的无限画布生成艺术，8 种风格 | A living screensaver that paints with sound — an infinite generative canvas driven by your microphone, 8 styles.
• 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…
• 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…
• SOUND TERRARIUM Web Browser version of SOUND TERRARIUM — try the sound-generated terrain, tilt-aware world, and real-world sky in your browser, no hardware required.
• driftfield A GPU particle cloud in a curl-noise flow field with a fake depth of field. Every parameter is live.
• JellyDazzle Audio-reactive kaleidoscope for Apple Silicon — 24 ARM64 assembly engine modes and 610 C pattern plug-ins that listen to whatever your Mac is…
• fluid wallpaper Living generative ink for the web — WebGL2 fluid as a web component or React embed.
• vortex math An interactive modular multiplication visualizer for exploring mathematical patterns through geometry and animation.
• dimensions 0 to infinity 维度·晶莹水晶 — 从0维的点到无限维希尔伯特空间的交互式3D可视化 | Interactive three.js journey through dimensions 0 → ∞, rendered as glowing crystal glass in a galaxy sky.
• neural cinema Interactive Three.js neural signal-flow visualization
• trefoil A live 3D rainbow trefoil studio. Recast the knot as a word or a logo.
• curtain Tres piezas de tipografía animada sobre vídeo: cortinas de código con física propia sobre un pez, un sauce y un caballo
• small lights Forty points of light drift, bond, age and speak in a dark field.
• large language michelangelo One tree, two metaphysics: the Sculptor only removes, the Gardener only adds, and they provably converge. An LLM's answer to 'image generation is…
• 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.
• 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…
• voxel qr tree Type a URL, it grows into an isometric voxel tree. Tap it and the diorama flattens into a scannable QR code. Single file, no dependencies, works…
• aftertouch A world you grow with your cursor, play like an instrument, and rewind. Created by Codex.
• quidam Générateur de portraits pixel-art 8-bit ROBOTARIIS — ancré sur le lore (Atlas + Héphaïstos)
• Recta Communiqués de la Rectitude — générateur d'affiches de propagande du C.G.U. (univers ROBOTARIIS). Grammaire canon, export PNG en lot, teaser…
• terra incognita Générateur de cartes procédural rétrofuturiste pour l'univers ROBOTARIIS — tiles pixel art générés par code, macros Lego, vue ASCII/TUI, chiptune…
• croma wall Turns any photo into a minimalist poster or wallpaper, picking colors straight from the image
• boids lab Craig Reynolds' boids in one file — three rules, seven sliders, a spatial-hash toggle with a live cost counter, and fully sourced provenance docs
• paisley A dependency-free, seamless, animated paisley pattern generator for HTML5 Canvas 2D
• lumen tide Real-time WebGL 2 bioluminescent sea you can conduct: fluid sim plus generative score, in one self-contained HTML file.
• murph tesseract A walk through the Tesseract from Interstellar — Three.js + WebGL.
• PLASMODIUM LAB Interactive 3D on-chain Physarum laboratory with ERC-20 burn mechanics.
• physarum culture A live GPU simulation of a million slime-mould agents growing transport networks. One static HTML file, no dependencies.
• markforge Generative brand-identity forge. Seeded geometric marks with bloom, sparks, and PNG export.
• glow About 24,000 WebGL2 embers form the basement.studio b. and flow into the basement. wordmark. Vite + TypeScript, no runtime dependencies.
• 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…
• aetheria Generative backgrounds, tuned by hand — an installable WebGL background studio.
• flowgrain A browser-based generative pixel art tool for creating unique two-color compositions from seeded flow fields and symmetry
• plotterblaetter Vier interaktive Blätter über Struktur, die aus lokalen Regeln fällt: Wave Function Collapse, Wellengleichung, Physarum, Lenia. Je eine…
• falling sand An entire falling-sand physics playground in a single HTML file — sand, water, lava, fire, plants, gunpowder, acid. No build, no dependencies, 60fps.
• nocturne A living night sky in a single HTML file — real-time WebGL nebula, 2,000 stars, meteors, zero dependencies
• bestiary An endless, procedurally drawn old map of a world that does not exist. The world is a function, not a file.
• generative noodles Bendy noodle segments grown into a grid, drawn as plotter-ready SVG. Web rewrite of cadin/generative-noodles, no Processing.
• image lines Image to hatched line drawings for pen plotters. SVG for plotting, PNG/WebP for further graphic work. Browser port of cfloutier/image_lines
• canvas effects Gloss for website backgrounds.. A vibe-coded TypeScript project you can play with right now, no install — found on GitHub and playable inside…
• goofy procedural creatures Hand-drawn procedural creatures grown from a single seed — no textures, no build, just rules and three.js
• escapement Machines, drawn as dots. Canvas 2D, no dependencies.
• ignis Fire, drawn as dots. Canvas 2D, no dependencies.
• swarm Living things, drawn as dots. Canvas 2D, no dependencies.
• swell Water, drawn as dots. Canvas 2D, no dependencies.
• hanabi canvas app 光・音・匿名の気配を重ねる夜のアンビエントキャンバス — タップで火花を灯し、どこかの誰かの光を静かに感じる。Web/PWA/Electron/Wallpaper Engine対応 (TypeScript/Canvas2D/WebAudio)
• tiny rule atlas A reproducible interactive atlas of 4,096 elementary cellular automaton experiments.
• boids society A self-contained artificial society: boids that bond, breed, age, catch epidemics, evolve their colours and get hunted — one offline HTML file…
• photo to svg 照片 → 纯 SVG 矢量插画 + 逐笔绘制回放页。在线直接用（浏览器内跑，图片不上传）：拖张图进去就能下载 SVG 和回放网页。真线稿层、视觉重量时间轴、Canvas 渲染，18 万笔也能在手机上流畅播放。
• collatz coral the collatz conjecture, traced, scanned, and grown into a coral. one html file, no libraries, and a math problem nobody can solve.
• almost ALMOST — An immersive 3D museum of unlived lives, generated in real time with Three.js and GLSL.
• noise poster A page that draws an abstract poster from layered value noise — the seed is in the URL, so any poster comes back, and the PNG export is A4 at 300 DPI.
• Word Terrarium ことばを落として、意味の距離と関係がゆっくり育つ様子を眺める、小さな言葉の温室。A tiny experimental toy by 月野テンプレクス.
• 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…
• math painting Dependency-free Canvas image studio: complex-plane transformations, interactive controls and local PNG export.
• emergence 相生：被每日世界头部事件改写的五行几何宇宙. A vibe-coded HTML project you can play with right now, no install — found on GitHub and playable inside VibeCruiser.