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 301–400 of 432

• namestamp Type a name, get a pattern that belongs to it. Same name, same picture, forever. No randomness, no server, no data collected.
• Ephemeral Whirls Generative Art Ephemeral Whirls — Generative line art with wandering particles, looping behavior, vibrant color palettes, and soft backgrounds. Pure JavaScript, no…
• Enigma Sudoku Generative Art Enigma Sudoku — Interactive generative sudoku with elegant dark aesthetics, real-time feedback, and seed-based puzzles. Pure JavaScript, no…
• amplifiedlabs amplified experiments shared with the public
• Kode pek Player One: a portfolio you play. Pick a cartridge, press start. Three.js and vanilla JS.
• obsidian site pasta awwwards, creative-coding, glsl, gsap. A vibe-coded HTML project you can play with right now, no install — found on GitHub and playable inside…
• netoun.github.io Source of netoun.com: portfolio of a full-stack engineer & creative developer, plus Labs, CSS 3D, canvas and WebGPU/WebGL shader experiments shown…
• event horizon 视界 EVENT HORIZON — a real-time, physically ray-traced fall into a black hole (WebGL2, single HTML file)
• geo runtime The .geo binary is the runtime. A bounded ISA whose memory cost is derived from its header before execution — Rust/WASM kernel, 0 imports, zero-copy…
• avengers doomsday Fan-made cinematic interface study with Next.js, Three.js and GSAP.
• 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.
• Fluidframe Browser-based visual studio built with Next.js, WebGL/GLSL, and FFmpeg.wasm. Create 3D device mockups, fluid shader gradients, and retro dithering…
• stille Fully animated one-page website: WebGL particles, shaders and scroll-driven motion. Built to pitch my web design work.
• harmonograph A browser harmonograph: damped pendulums steer a pen and trace slowly turning, decaying Lissajous figures you can tune, share and export.
• bitcoin pointcloud Point-cloud pressure stamp: any text appears as negative space with a lifted relief. Single HTML file, no dependencies.
• visual experiments A collection of visually engaging web experiments - creative UI designs, animations, and interactive frontend elements.
• wendoo lang A tile-based visual language for legible system behavior: WHEN/DO rules anyone can read and write, executed deterministically on web, micro:bit, and…
• 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…
• p5.penplotter The p5.js adapter for vanilla.penplotter: draw on the canvas and plot straight to the pen. Requires vanilla.penplotter.
• matrix digital rain ⚡ A lightweight, zero-dependency HTML5 Canvas & JavaScript implementation of the iconic Matrix digital rain effect.
• matrix digital rain ⚡ A lightweight, zero-dependency HTML5 Canvas & JavaScript implementation of the iconic Matrix digital rain effect.
• ascii visual engine Reusable TypeScript engine for real-time ASCII visuals, audio, MIDI, and generative systems.
• 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…
• wax and water Procedural 2D underwater motion inspired by observations from crayon picture books.
• overprint Turn photos into risograph-style prints: spot-colour separation, per-ink halftone screening, overprint. Static WebGL2, no build step.
• my portfolio My portfolio site. 3,200 canvas particles morph from my portrait into each of my ML projects as you scroll. Built with Next.js and TypeScript, no…
• timberhall studio A fictional digital studio portfolio in one deployable index.html — a real-time Three.js 3D timber lobby with CRT case studies, a playable arcade…
• commit city Turn your GitHub contribution history into a living 3D cyber-city skyline.
• vernier gl Interactive drafting table in WebGL — draw a plan on an 8px grid, tilt the sheet, sculpt it in perspective. One fragment shader, zero dependencies…
• openworld js A 40kb+ webgl library, with concise code and extensive world sandbox! World engine prioritizes first-person view!The world is your viewpoint.
• whistlevale A miniature railway house anyone can build in. Claim an exhibition bay and add your own scene — open, dependency-free, custom WebGL 2.
• gitstrata Turn public GitHub history into a unique rare stone with glowing mineral veins, repository fossils, interactive excavation, and shareable generative…
• ThreeImageTransition An accessible WebGL image-transition study with reduced-motion support and hardened delivery.
• 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 voice WAVE ARENA VOICE — same engine, but the singer leads instead of the mix. Vocal effort drives the water and the arena eases back between phrases. For…
• stereo lab A hands-on browser lab for learning 3D/WebGL with three.js — 15 interactive stations (procedural geometry, glTF, SDF shaders, physics, a walkable…
• saarth site My personal website — interactive Three.js particles, GSAP animations, and a playable tabla
• webnix particles Interactive particle-based typography experiment built with vanilla HTML, CSS and JavaScript.
• digestingthesystem DIGESTING THE SYSTEM — an interactive browser-native archive by OOAKOSIMO, exploring bureaucracy, interfaces, memory, absurdity and systems through…
• velvetduck xchain lab Velvet Duck XChain test lab — interactive art, metadata, media experiments, and on-chain file testing by OOAKOSIMO.
• ab9d portfolio 3D WebGL particle-morph portfolio — Flutter / Odoo / IoT engineer
• 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.
• liminal AI creative coding studio for p5.js, GLSL, Three.js, music, video, and model-agnostic generative art workflows.
• imgui bundle Interactive Python & C++ apps for desktop, mobile, and web - powered by Dear ImGui. Stop fighting GUI frameworks. Start building.
• void scribe 用声音作画的活体屏保：麦克风驱动的无限画布生成艺术，8 种风格 | A living screensaver that paints with sound — an infinite generative canvas driven by your microphone, 8 styles.
• N0 filtr Studio site for a studio of one — Next.js 15, GSAP and Three.js. A WebGL brand mark, a Matter.js block pit, simulated wire ropes you can drag, and a…
• muqarnas Computational reconstruction of a 13th-century muqarnas vault using exact geometry, medieval mathematics, and Three.js/WebGPU.
• crt cat chaos generator 🐱 Procedurally-generated achievements with AI artwork. A CRT-style retro game prototype featuring dynamic achievement generation, custom workshop…
• prophecy council A tiny browser game where 12 ridiculous oracles vote on your future.
• fluid Dependency-free WebGL studio for generative backgrounds and live embeds.
• datamosh gui Datamosh GUI: interactive video datamoshing with frame-level controls and live preview.
• 3d animated logo Cinematic 3D animated logo built with Three.js, featuring glowing orange and yellow rings, a pulsing core, futuristic tunnel, stairs, particles, and…
• ChaosVision An interactive computational laboratory and generative art studio for non-linear dynamical systems, 3D strange attractors, and deterministic chaos.
• alevoldon lab Interactive 3D lab of AI agents, WebGL, and generative audio.
• Galaxy Quest Cinematic Engine A broadcast-standard, real-time cinematic workspace built natively in the browser. Features procedural 2D IK rigging, WebGL post-processing, and TTS…
• Qiuner.github.io Building beautiful websites used to be gatekept. Not anymore. So I built all of them.
• syzygy A small world you roll a marble around, in the browser. No physics engine, no models, no build step.
• 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.
• teaching p5js 面向 p5.js 创意编程课堂的在线练习与教学管理平台。. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• planet based A creative studio where design, technology, and the living world meet.
• earthloom The Earth weaves one open-data portrait a day.
• allanhert portfolio Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
• swatch rack A tactile Three.js color rack and palette suggestion Web Component
• 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.
• the planet thinks Watch Wikipedia being edited in real time on a 3D globe — theplanetthinks.com
• arcadelab The shortest path from "I made something" to "anyone can play with it." Publish single-file HTML games, visualizations, and interactive content. No…
• 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.
• Food Grid Generative Art Seed-based generative illustration — a 16 × 16 grid of small foods in a per-seed harmonic palette. Reproducible studies for textile & surface design.
• Deconstructed Stage Generative Art Seed-based generative Suprematist planes — a 2–3 grid of sheared quadrilaterals in red, blue, yellow, black. Reproducible geometric compositions.
• Organic Shapes Generative Art Seed-based generative petal forms — a 6 × 6 grid of layered organic shapes in five curated palettes. Reproducible form studies for textile & surface…
• Wallpaper Groups Generative Art Seed-based generative wallpaper groups — all 17 crystallographic symmetries tiled as patterns. Reproducible ornament for textile & surface design.
• Gothic Grid Generative Art Seed-based generative mosaic. An 80 × 80 grid of lit and dark cells decided by a radial threshold field, in gothic palettes of red, purple, blue and…
• 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.
• Neon Arcade Generative Art Neon Arcade — layered light, seeded. A generative catalogue of wobbling neon arcs, starfields, and lens flares for textile, print, and surface design.
• Hilbert Pulse Generative Art Hilbert Pulse — Generative Hilbert curve art with harmonious palettes, organic line breaks, and dark backgrounds. Pure JavaScript, no dependencies…
• Mad Rooms Generative Art Mad Rooms — Generative grid room art with layered rectangles, random colors, and glow effects. Pure JavaScript, no dependencies. Preview on apparel.
• Neon Drift Generative Art Neon Drift — Generative neon art with drifting lines, 3 shape modes, and vibrant colors. Each refresh creates 100–300 glowing elements that drift…
• Pool Wind Sun Generative Art Pool Wind Sun — Generative wave simulation art with fluid dynamics. Each refresh creates unique rippling patterns with oscillating waves and…
• Marways7 把好奇，变成作品。AI tools, signal intelligence, and an interactive personal profile.
• Fourier 1 Generative Art Fourier 1 — Generative parametric art with Fourier synthesis, recursive trees, and organic patterns. Pure JavaScript, no dependencies. Preview on…
• Fibonacci Fourier Generative Art Fibonacci Fourier — Generative harmonic art with Fibonacci frequencies, Fourier synthesis, and animated wave patterns. Pure JavaScript, no…
• Elliott Waves Generative Art Elliott Waves — Generative financial chart art with Elliott Wave patterns, candlesticks, and technical analysis aesthetics. Pure JavaScript, no…
• Eyes Generative Art Eyes — Generative eye art with realistic iris patterns, gradient colors, soft highlights, and lifelike reflections. Pure JavaScript, no dependencies…
• vivarium 🌱 Modern, intuitive, WebGPU-powered toolkit for creating your own cellular automata.
• maharajahul design A portable design skill for coding agents. Art direction, working interfaces, real-time graphics and 11 interactive demos.
• Arachne Generative Art Arachne — Generative ring art with rotating geometric tiles. Each refresh creates a unique composition of concentric rings filled with tiled…