Vibe-coded generative art

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

Best first 201–281 of 281

• WebToe Web-native dataflow engine for real-time visuals — patch in the browser, TouchDesigner-style, and import your .toe projects. WebGL2 + WebGPU, zero…
• ghosts drawn Ghosts, Drawn — Thai and Lanna ghosts as animated cartoons, with their sources: krasue, krahang, Mae Nak, pret, phi kongkoi. · ผีเหนือ ผีไทย…
• Twist 1 Generative Geometric Art Twist 1 — Generative geometric art. Each refresh creates a unique composition of 100–500 twisting circles with random colors, backgrounds, and…
• Rakeful A digital Zen garden: rake patterns into a field of sand particles with your mouse, with a 3, 4 or 5-tooth rake. Vanilla JavaScript and canvas, made…
• MotionLab Interactive kinetic typography & physics laboratory with procedural audio synthesis, particle deletion, and 60fps replay by Teja Priyan.
• namestamp Type a name, get a pattern that belongs to it. Same name, same picture, forever. No randomness, no server, no data collected.
• amplifiedlabs amplified experiments shared with the public
• event horizon 视界 EVENT HORIZON — a real-time, physically ray-traced fall into a black hole (WebGL2, single HTML file)
• nunmer ✦ profile · hand-drawn animated SVG from live data
• artful drawing drawing made easy: guided drawings, a symmetry pen, and simple shapes that mirror, spin and repeat. runs in your browser.
• blockbloom Draw anything with blocks that bloom: a browser drawing studio built from simple shapes and repeat algorithms.
• sandtable viewer View and visualize .thr files used for Sand Tables such as Sisyphus or Oasis
• bitrot canvas Break your photos on purpose. Free in-browser glitch art with real JPEG byte corruption. Nothing is uploaded.
• Drawing Program AlgoArt.org is a digital platform that brings together Artists and Technologists to create algorithmically generated visual designs and artworks…
• rampensau Color palette generation function using hue cycling and simple easing functions.
• sigiriya Sigiriya: The Lion Rock. A four-minute animated film about King Kashyapa I, drawn and animated entirely in JavaScript and SVG.
• animacion PULPO HOLumi — mini-juego pixel art autobiográfico de 16 bits. Diseña. Crea. Corre. Repite.
• harmonograph A browser harmonograph: damped pendulums steer a pen and trace slowly turning, decaying Lissajous figures you can tune, share and export.
• afterimage index Twelve original ink-washed character studies in an interactive filmstrip.
• kaleidoscope Interactive real-time digital kaleidoscope web application with N-fold symmetry, paint mode, live rear camera, audio reactivity, and signature preset…
• bitcoin pointcloud Point-cloud pressure stamp: any text appears as negative space with a lifted relief. Single HTML file, no dependencies.
• delaunay stippler A modern JavaScript image stippling generator that turns uploaded images into stipple art using weighted Lloyd relaxation. Includes Voronoi and…
• cards lite Procedural playing-card illustrations as an SVG string — seeded spreads, a brand-aware four-colour deck, line or flat, poker and blackjack hand…
• p5.penplotter The p5.js adapter for vanilla.penplotter: draw on the canvas and plot straight to the pen. Requires vanilla.penplotter.
• ascii visual engine Reusable TypeScript engine for real-time ASCII visuals, audio, MIDI, and generative systems.
• overprint Turn photos into risograph-style prints: spot-colour separation, per-ink halftone screening, overprint. Static WebGL2, no build step.
• larp dashboard Self-contained animated AI agent economy dashboard — single HTML file, zero deps
• fluid wallpaper Living generative ink for the web — WebGL2 fluid as a web component or React embed.
• octagons Animated backgrounds built from regular octagons. Line art, zero dependencies, ~3KB gzipped.
• trigons lite Lightweight animated triangulated backgrounds for the web. Zero dependencies, ~2KB gzip. Inspired by Trigons by DeeThemes.
• 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
• photo to svg 照片 → 纯 SVG 矢量插画 + 逐笔绘制回放页。在线直接用（浏览器内跑，图片不上传）：拖张图进去就能下载 SVG 和回放网页。真线稿层、视觉重量时间轴、Canvas 渲染，18 万笔也能在手机上流畅播放。
• 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.
• morphogen A living reaction-diffusion field with a guestbook for AI agents. People watch. Models leave marks.
• gitstrata Turn public GitHub history into a unique rare stone with glowing mineral veins, repository fossils, interactive excavation, and shareable generative…
• hanabi canvas app 光・音・匿名の気配を重ねる夜のアンビエントキャンバス — タップで火花を灯し、どこかの誰かの光を静かに感じる。Web/PWA/Electron/Wallpaper Engine対応 (TypeScript/Canvas2D/WebAudio)
• 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…
• tiny rule atlas A reproducible interactive atlas of 4,096 elementary cellular automaton experiments.
• 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.
• 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.
• generative noodles Bendy noodle segments grown into a grid, drawn as plotter-ready SVG. Web rewrite of cadin/generative-noodles, no Processing.
• void scribe 用声音作画的活体屏保：麦克风驱动的无限画布生成艺术，8 种风格 | A living screensaver that paints with sound — an infinite generative canvas driven by your microphone, 8 styles.
• markforge Generative brand-identity forge. Seeded geometric marks with bloom, sparks, and PNG export.
• boids society A self-contained artificial society: boids that bond, breed, age, catch epidemics, evolve their colours and get hunted — one offline HTML file…
• muqarnas Computational reconstruction of a 13th-century muqarnas vault using exact geometry, medieval mathematics, and Three.js/WebGPU.
• croma wall Turns any photo into a minimalist poster or wallpaper, picking colors straight from the image
• abyssarium Not a real project, for testing generative AI tools and workflows. Abyssarium is a chaotic procedural aquarium where strange creatures evolve, swarm…
• fluid Dependency-free WebGL studio for generative backgrounds and live embeds.
• cut and remix Web-based digital photo weaving and image deconstruction art tool
• Vellum An atelier of imaginary cartography: procedural fantasy atlases as deterministic SVG.
• 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.
• 8f4e 8f4e is a stack-oriented programming language with a semi-visual live code editor
• earthloom The Earth weaves one open-data portrait a day.
• 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
• perlin studio Parametric 3D/4D Perlin animations in the browser — vanilla JS, no build, seamless loop, WebM export. Worker-accelerated.
• 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…
• the planet thinks Watch Wikipedia being edited in real time on a 3D globe — theplanetthinks.com
• orb atom Glass orbs that think: lenses with soft bodies drifting inside. One HTML file, no dependencies.
• thinking sphere A glass sphere with soft shapes drifting inside. One HTML file, no dependencies.
• ellipse sphere A sphere built from stacked discs that fan open and assemble. One HTML file, no dependencies.
• spheregen A glass sphere that bends whatever is behind it: generative scenes, photos, video. One HTML file, no dependencies.
• sunburst A hierarchy as a 3D sunburst with height. One HTML file, no dependencies.
• chart 3d Pie, bars, polar and area charts in 3D, with an entrance. One HTML file, no dependencies.
• hexbin A point cloud counted into 3D hexagon towers. One HTML file, no dependencies.
• xyz cube Your data as points in a 3D cube on axes you name. One HTML file, no dependencies.
• orbital Data as orbits, axes or a bending mesh. One HTML file, no dependencies.
• metaballs Soft masses that merge, split and leave holes. One HTML file, no dependencies.
• halation Fluid gradients behind textured glass — a free, open-source background generator for designers.
• Pixel Lace Studio A free browser-based studio for designing ornate, symmetric pixel-lace patterns with image tracing, 12 symmetry modes, and PNG/SVG export.
• ethanbchen.com Ethan B. Chen — Code, experiments, systems. An interactive creative-developer portfolio.
• wave3d Open-source, browser-based studio for authoring and implementing 3D gradient waves 🌊
• p5 toolkit A collection of creative-coding utilities and helpers for p5.js, organized as an npm-workspaces monorepo.
• line engine Engraved line patterns: superformulas, rosettes, waves and Lissajous, in motion. One HTML file, no dependencies.
• guilloche Guilloche line work: rosettes, weaves, tori and Chladni figures. One HTML file, no dependencies.
• unison Metronomes on one board falling into unison. One HTML file, no dependencies.
• motion pad One pad for the character of motion. One HTML file, no dependencies.
• halftone cloud Images rebuilt as a halftone of flying shapes. One HTML file, no dependencies.
• logomachine Seeded generative marks: one seed, one pattern, always. One HTML file, no dependencies.
• motion primer Bodies with behaviors: swarm, pack, magnet, orbit, fall, scatter. One HTML file, no dependencies.
• minwall Turn any GitHub repo into a minified-code wallpaper or a seamless looping video. One HTML file, runs 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.