Vibe-coded canvas

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

Best first 101–159 of 159

• forest drive A cozy procedural road trip that draws and scores itself: 9 scenes, animals, weather, live sound. Zero assets, zero dependencies. Export as 4K MP4.
• manishh 13.github.io My homepage: a living ASCII island you can walk around. Every building on it is a project. One canvas, plain JavaScript, no dependencies.
• ebru Paper marbling in the browser: float drops of ink, rake them with combs and swirls, and print the pattern.
• the sky that night Pick a date and a place, get a print-ready poster of the real night sky at that moment. Free & open source, runs in your browser. 那晚星空：生成那一刻真实星空的海报
• particle dance Particles that dance along patterns and 3D forms. One HTML file, no dependencies.
• particles 3d A WebGL2 cloud of up to 300,000 particles. One HTML file, no dependencies.
• pixel ring Rings drawn in pixels. One HTML file, no dependencies.
• lucas ligenza portfolio An interactive ASCII galaxy portfolio. Scroll through character-rendered space scenes, explore projects, and find small discoveries along the way.
• 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…
• 3Dyaozao 3D窑造 · 手势驱动的柴烧陶艺手作（单文件 3D 交互应用，MediaPipe 手势 + 自研 Canvas 软光栅渲染）
• design database Interaction, motion and material studies for the web. React, canvas, SVG and Three.js components with live demos.
• audrey hung Interactive scroll-driven 3D portfolio with procedurally hand-drawn scenes, built with Three.js and GSAP.
• 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
• 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.
• 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.
• oneocean elements free 12 free animated canvas elements and 3D icons in plain JavaScript. No React, no build step, zero dependencies — paste into Webflow, WordPress or…
• oneocean elements free 12 free animated canvas elements and 3D icons in plain JavaScript. No React, no build step, zero dependencies — paste into Webflow, WordPress or…
• larp dashboard Self-contained animated AI agent economy dashboard — single HTML file, zero deps
• 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.
• photo to svg 照片 → 纯 SVG 矢量插画 + 逐笔绘制回放页。在线直接用（浏览器内跑，图片不上传）：拖张图进去就能下载 SVG 和回放网页。真线稿层、视觉重量时间轴、Canvas 渲染，18 万笔也能在手机上流畅播放。
• webnix particles Interactive particle-based typography experiment built with vanilla HTML, CSS and JavaScript.
• 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.
• croma wall Turns any photo into a minimalist poster or wallpaper, picking colors straight from the image
• fluid Dependency-free WebGL studio for generative backgrounds and live embeds.
• cut and remix Web-based digital photo weaving and image deconstruction art tool
• Splitscan Angled and rotating slit-scan camera web-app, built for iPhone. A prototype and design project about photographing time.
• breath mirror A browser based mirror that fogs up when you blow on it and clears with hand gestures.
• textmode.js textmode.js is a lightweight creative coding library for creating real-time ASCII art on the web.
• 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.
• 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.
• 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.
• Eyes Generative Art Eyes — Generative eye art with realistic iris patterns, gradient colors, soft highlights, and lifelike reflections. Pure JavaScript, no dependencies…
• pixel stretch ブラウザで動作する画像をドラッグして引き伸ばすグリッチ加工ツール。. A vibe-coded HTML project you can play with right now, no install — found on GitHub and playable inside…
• 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.
• lumen streets Turn real streets into animated nightscapes. Create and export wallpapers of your favorite places.
• afterglow Paint with long-exposure light — a novel, endless HTML5 light-painting game. Steer glowing lights to burn shimmering trails onto a night sky.