Vibe-coded canvas

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

• textmode.js textmode.js is a lightweight creative coding library for creating real-time ASCII art on the web.
• beatscope Local audio-reactive rhythm maps and reusable timing packages for visual creators and coding agents.
• fluid Dependency-free WebGL studio for generative backgrounds and live embeds.
• 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…
• Magic Mouse Movements Interactive cursor kits for product stories, portfolios, data reveals, and guided navigation, with complete scenes, React examples, and accessible…
• breath mirror A browser based mirror that fogs up when you blow on it and clears with hand gestures.
• web demos High-performance Three.js demos, procedural scenes, and small games. All in single HTML files.
• nekudot Nekudot is an expressive drawing app right in your browser
• 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…
• afterglow Paint with long-exposure light — a novel, endless HTML5 light-painting game. Steer glowing lights to burn shimmering trails onto a night sky.
• octagons Animated backgrounds built from regular octagons. Line art, zero dependencies, ~3KB gzipped.
• perlin studio Parametric 3D/4D Perlin animations in the browser — vanilla JS, no build, seamless loop, WebM export. Worker-accelerated.
• 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
• generative art 免费开源、纯浏览器运行的生成艺术工具，流场算法绘制粒子轨迹，导出PNG。. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• overthinking life 一个过度思考的人的一生 —— 约 2 分 34 秒的互动像素动画，纯静态、零依赖
• morphogen A studio of 12 generative & artificial-life systems — flow fields, reaction-diffusion, Lenia, particle life and more. Seedable, tunable, shareable…
• sketchy snake A hand-drawn sketchbook arcade snake game with procedural graphite canvas rendering, Web Audio synthesis, and mobile haptics ✏️🐍🧡
• Splitscan Angled and rotating slit-scan camera web-app, built for iPhone. A prototype and design project about photographing time.
• cyphercam A webcam toy: pixel, dither, glitch and character modes, all live on a canvas.
• fireflies Fireflies (반딧불이): open-source night-sky art — tiny helium sky-jellyfish with glowing tendrils, drifting on the wind and blinking in synchrony. Try…
• 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.
• 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…
• ascii Everything is characters. A text-native generative art instrument: 12 engines, three modes, any charset, one HTML file.
• little contraptions A cabinet of 139 small web toys — weather for places that aren't real, the ISS tracked live, an arcade with fifteen games, all behind a Windows 98…
• particle rendering experiment Interactive browser experiment exploring particle rendering and animation.
• perihelion Draw a solar system. Hear it become a loop. A zero-dependency orbital sequencer built with Canvas and Web Audio.
• lumen streets Turn real streets into animated nightscapes. Create and export wallpapers of your favorite places.
• 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
• niu lai 牛来 · Niu Lai — a dual-world tribute runner: ink-wash poster above, handmade reel below, press X to switch. 梦是画出来的，路是手搓出来的
• 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.
• void scribe 用声音作画的活体屏保：麦克风驱动的无限画布生成艺术，8 种风格 | A living screensaver that paints with sound — an infinite generative canvas driven by your microphone, 8 styles.
• vortex math An interactive modular multiplication visualizer for exploring mathematical patterns through geometry and animation.
• 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.
• pixel stretch ブラウザで動作する画像をドラッグして引き伸ばすグリッチ加工ツール。. A vibe-coded HTML project you can play with right now, no install — found on GitHub and playable inside…
• 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…
• cubecast Hand-tracked shapes drawn with your fingertips, in the browser. MediaPipe + Canvas.
• croma wall Turns any photo into a minimalist poster or wallpaper, picking colors straight from the image
• piano cat 🐈 Mime a classical masterpiece at your webcam. Your hands set the tempo, your gestures set the dynamics. Pixel cat, real grand piano.
• 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
• markforge Generative brand-identity forge. Seeded geometric marks with bloom, sparks, and PNG export.
• ma koi pond An interactive web experience that showcases Ma (間), the Japanese idea of purposeful empty space.
• shiro virek.github.io This is my creative coding playground 🙃
• 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.
• bestiary An endless, procedurally drawn old map of a world that does not exist. The world is a function, not a file.
• DoubleSound Party site for Double Sound²'s sixteenth year at K-30: a canvas fluid reveal hiding a video, a lineup you can play like a drum machine, Web Audio…
• 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…
• 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.
• photo to svg 照片 → 纯 SVG 矢量插画 + 逐笔绘制回放页。在线直接用（浏览器内跑，图片不上传）：拖张图进去就能下载 SVG 和回放网页。真线稿层、视觉重量时间轴、Canvas 渲染，18 万笔也能在手机上流畅播放。
• xerox collage editor Browser-based photo collage editor with a xerox/paper-cutout aesthetic. Halftone hatching, chromatic fringe, torn-paper frames, sticker phrases…
• emergence lab Interactive emergence playground: flocking, orbital flow and vector fields. TypeScript + Canvas, seeded experiments, no backend.
• interactive showcase Eight live, hand-built demos in one page — flocking, pathfinding, raymarching, generative art. No frameworks, no dependencies, no build step.
• webnix particles Interactive particle-based typography experiment built with vanilla HTML, CSS and JavaScript.
• jscreensaver JavaScript port of generative artwork from XScreenSaver
• ANTHESIS Anthesis is a generative audiovisual flower-art experience with reactive visuals, presets, remixing, photo uploads, sharing, and PNG/GIF exports.
• collatz coral the collatz conjecture, traced, scanned, and grown into a coral. one html file, no libraries, and a math problem nobody can solve.
• 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 月野テンプレクス.
• math painting Dependency-free Canvas image studio: complex-plane transformations, interactive controls and local PNG export.
• fluid lab 浏览器里的实时流体模拟:零依赖 JavaScript 实现 Navier-Stokes(半拉格朗日对流 + SOR 压力投影 + 涡度增强),带交互式控制台和无依赖 Node 测试。