Vibe-coded javascript

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

• patchies Code-first patcher for exploring computation through audio and visual. Connect tools you know and code your own ✨
• gesture Christmas tree 3d with photo A 3D particle Christmas tree controlled by hand gestures. Built with Three.js & MediaPipe. 🎄✨ (一个由手势控制的 3D 粒子圣诞树。基于 Three.js 和 MediaPipe 构建。)
• openworld js A 40kb+ webgl library, with concise code and extensive world sandbox! World engine prioritizes first-person view!The world is your viewpoint.
• Interactive 3D Particle System A real-time, hand-controlled 3D particle physics engine built with Three.js and MediaPipe. Architected entirely by Google Gemini 3.0 via prompt…
• 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…
• PinPortrait PinPortrait: An immersive 3D webcam pixelation experiment. Transform your live video feed into an interactive, three-dimensional pixel art portrait…
• 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.
• chromapick An offline-first, client-side web application for extracting color palettes and targeted pixels from images with surgical precision using Vanilla JS.
• liquid orb navigation Physics-inspired liquid orb navigation built with SVG, JavaScript and Metaball effects.
• filter fabjs Browser-native procedural image filter editor with WebGPU acceleration, CPU fallback, and Filter Factory-style expressions.
• aurift studio Open-source experimental digital studio featuring cinematic interactions, Three.js visuals, accessibility improvements and concept experiences.
• Bitebeatu LeL bytebeat composer (made as made). A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• 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.
• perlin studio Parametric 3D/4D Perlin animations in the browser — vanilla JS, no build, seamless loop, WebM export. Worker-accelerated.
• Blob Coin Dash I made this vibe-coded game during a Work Experience Week (aka "Prao" here in Sweden) at Good Solutions, with Cursor.
• LIQUID GLASS Figma's Liquid Glass effect rebuilt as a real-time WebGL2 renderer. Design glass on any shape or SVG path, then export a copy-paste config. Adds…
• inspire x ismokeshop NUGZ game NUGZ is a cannabis-themed browser puzzle game built for iSmokeShop and the INSPIRE Network using HTML, CSS, and JavaScript.
• LOKI GreenMagic An interactive web experience featuring custom WebGL/Three.js GLSL shaders, procedural green lightning animations, dynamic custom cursor trails, and…
• saarth site My personal website — interactive Three.js particles, GSAP animations, and a playable tabla
• Flield A browser-based generative pixel art tool for creating unique three-color compositions from seeded flow fields and symmetry
• particle love An interactive generative web experience where a persistent night sky remembers, changes, and slowly reveals itself over time.
• ttfx web Web terminal text effects: WebGL2 glyph atlas + instanced rendering, whole grid in 1 draw call. rain/decode/wave fx, zero deps.
• wallpaper generator 120 abstract-wallpaper generators running live in the browser — vanilla JS, Canvas 2D, no build step, PNG/WebM export, sharing via URL
• generative art 免费开源、纯浏览器运行的生成艺术工具，流场算法绘制粒子轨迹，导出PNG。. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• atelier An interactive De Stijl art engine and composition tool. Transform images and text into structured geometric grids inspired by Piet Mondrian.
• morphogen A studio of 12 generative & artificial-life systems — flow fields, reaction-diffusion, Lenia, particle life and more. Seedable, tunable, shareable…
• 3D Sorting Algorithm Visualizer Interactive 3D visualizer for sorting algorithms built with Three.js.
• sketchy snake A hand-drawn sketchbook arcade snake game with procedural graphite canvas rendering, Web Audio synthesis, and mobile haptics ✏️🐍🧡
• sketchy snake vr A 3D spatial sketchbook snake game in WebXR built with Three.js for Meta Quest, Apple Vision Pro, and browsers 🥽✏️🧡
• matrix digital rain ⚡ A lightweight, zero-dependency HTML5 Canvas & JavaScript implementation of the iconic Matrix digital rain effect.
• racing game A high-speed 3D racing game set in a neon-lit cyberpunk city. Compete against smart AI across procedurally generated tracks, utilizing realistic car…
• simulador fisica cinematica Simulador interactivo de cinemática con física precisa, visualización vectorial y gráficas en tiempo real. Desarrollado con p5.js y Chart.js para el…
• flowfield studio Interactive generative flow-field art playground
• 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…
• TheHollow A moody first-person 3D exploration experience built with Three.js — wander a glowing forest and uncover memory fragments.
• tendril garden Deterministic generative line drawings grown through collision-aware spatial rules.
• neon dash A modern, neon-styled (like Boulder Dash, Supaplex, etc.) clone with retro vibes and cutting-edge features, entirely vibe-coded.
• diamonds dress up A build-your-own dress-up doll game — developed with my daughter, code vibe-coded with Claude.
• kalp animasyon A glowing 3D heart woven from light in a WebGL starfield, built with Three.js and real bloom post-processing.
• particle rendering experiment Interactive browser experiment exploring particle rendering and animation.
• playground Grown, not built — a garden of small, unruly HTML toys: fidget toys, a deck of cards that won't sit still, a cultural retelling of spring, and an…
• Scroll Triggered 3D Sphere Morphing Interactive scroll-driven 3D WebGL sphere morphing effect built with Three.js and vanilla JavaScript.
• cut and remix Web-based digital photo weaving and image deconstruction art tool
• trigons lite Lightweight animated triangulated backgrounds for the web. Zero dependencies, ~2KB gzip. Inspired by Trigons by DeeThemes.
• habitat A procedurally animated robot that lives on a web page. Jointed SVG rig, spring physics, and a small state machine that decides what he does with his…
• ImADragon onepromptcode game This is a little spyro inspired like game fully built with claude code, using Opus 5 at ultracode.
• resend inspired threejs cube An independent, polished Three.js interpretation of the iconic Resend cube.
• dimensions 0 to infinity 维度·晶莹水晶 — 从0维的点到无限维希尔伯特空间的交互式3D可视化 | Interactive three.js journey through dimensions 0 → ∞, rendered as glowing crystal glass in a galaxy sky.
• mfp app A PWA remix of musicforprogramming.net. A vibe-coded HTML project you can play with right now, no install — found on GitHub and playable inside…
• neural cinema Interactive Three.js neural signal-flow visualization
• small lights Forty points of light drift, bond, age and speak in a dark field.
• focus tube A static platform for staying away from distraction
• 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…
• pixel stretch ブラウザで動作する画像をドラッグして引き伸ばすグリッチ加工ツール。. A vibe-coded HTML project you can play with right now, no install — found on GitHub and playable inside…
• 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…
• whistlevale A miniature railway house anyone can build in. Claim an exhibition bay and add your own scene — open, dependency-free, custom WebGL 2.
• croma wall Turns any photo into a minimalist poster or wallpaper, picking colors straight from the image
• 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.
• paisley A dependency-free, seamless, animated paisley pattern generator for HTML5 Canvas 2D
• PleumA.github.io An automatic, zero-backend, client-side on-call and night shift scheduler for hospital doctors and medical staff, featuring Monte Carlo simulation…
• Be my valentine An interactive and cute Valentine's Day web proposal! Features a dynamic cloud-painting canvas background and a mischievous "No" button that runs…
• playground Grown, not built — a garden of small, unruly HTML toys: fidget toys, a deck of cards that won't sit still, a cultural retelling of spring, and an…
• 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
• 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.
• vibe browser game A list of games built using only HTML, CSS, JavaScript, and vibe coding.
• ThreeImageTransition An accessible WebGL image-transition study with reduced-motion support and hardened delivery.
• boids society A self-contained artificial society: boids that bond, breed, age, catch epidemics, evolve their colours and get hunted — one offline HTML file…
• neon lunapark webgl Gece yarısı bir lunaparkta yalnızsın: hız treni rayda, dönme dolap dönüyor, üç ayrı atmosfer. Tek bir görsel dosyası indirilmiyor, hepsi kodla…
• uludag campus tour webgl Bursa Uludağ Üniversitesi Görükle Kampüsü'nde tek dosyalık, sinematik Three.js yürüyüşü. Bağımlılıksız QA koşumu: 57 statik kontrol + gerçek Chromium…
• yildiz inisi webgl Kar tanesinden piste kadar her şey kodla üretiliyor, indirilen tek bir varlık dosyası yok. Sekmeyi aç, pist zaten orada.
• xerox collage editor Browser-based photo collage editor with a xerox/paper-cutout aesthetic. Halftone hatching, chromatic fringe, torn-paper frames, sticker phrases…
• 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.
• syzygy A small world you roll a marble around, in the browser. No physics engine, no models, no build step.
• jscreensaver JavaScript port of generative artwork from XScreenSaver
• 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…
• 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…
• math painting Dependency-free Canvas image studio: complex-plane transformations, interactive controls and local PNG export.
• fluid lab 浏览器里的实时流体模拟:零依赖 JavaScript 实现 Navier-Stokes(半拉格朗日对流 + SOR 压力投影 + 涡度增强),带交互式控制台和无依赖 Node 测试。