Vibe-coded javascript

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

Best first 101–191 of 191

• love in shapes A live, ever-moving showcase of love symbols. 1,500 glowing particles flow and morph between a heart, infinity, two rings, a rose, Cupid's arrow, and…
• neumorphic buble Interactive liquid neumorphic bubble animation built with Vanilla JS and HTML5 Canvas
• gesture Christmas tree 3d with photo A 3D particle Christmas tree controlled by hand gestures. Built with Three.js & MediaPipe. 🎄✨ (一个由手势控制的 3D 粒子圣诞树。基于 Three.js 和 MediaPipe 构建。)
• 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…
• Flield A browser-based generative pixel art tool for creating unique three-color compositions from seeded flow fields and symmetry
• atelier An interactive De Stijl art engine and composition tool. Transform images and text into structured geometric grids inspired by Piet Mondrian.
• 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…
• 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.
• tendril garden Deterministic generative line drawings grown through collision-aware spatial rules.
• 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…
• generative art 免费开源、纯浏览器运行的生成艺术工具，流场算法绘制粒子轨迹，导出PNG。. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• resend inspired threejs cube An independent, polished Three.js interpretation of the iconic Resend cube.
• aurift studio Open-source experimental digital studio featuring cinematic interactions, Three.js visuals, accessibility improvements and concept experiences.
• shiro virek.github.io This is my creative coding playground 🙃
• xerox collage editor Browser-based photo collage editor with a xerox/paper-cutout aesthetic. Halftone hatching, chromatic fringe, torn-paper frames, sticker phrases…
• liquid orb navigation Physics-inspired liquid orb navigation built with SVG, JavaScript and Metaball effects.
• paisley A dependency-free, seamless, animated paisley pattern generator for HTML5 Canvas 2D
• 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.
• VIRAT AI WOULD U RATHER A fast, funny "Would You Rather" game — 5 wild categories, a personality reveal, and zero setup. Built by Virat Chopra with AI-assisted (vibe-coded)…
• vibe browser game A list of games built using only HTML, CSS, JavaScript, and vibe coding.
• 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.
• 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. 那晚星空：生成那一刻真实星空的海报
• Girih 2 Generative Art Seed-based generative Islamic geometry. Three historic girih patterns — Umayyad mosque, simple hexagram, Esreffoglu mosque — drawn over a recursive…
• 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.
• 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…
• FCTX HOTARU Type a word and a million GPU particles form its shape — release it and it collapses under real self-gravity (Particle-Mesh N-body, Chebyshev Poisson…
• 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
• Kode pek Player One: a portfolio you play. Pick a cartridge, press start. Three.js and vanilla JS.
• 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…
• 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.
• afterimage index Twelve original ink-washed character studies in an interactive filmstrip.
• 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…
• visual experiments A collection of visually engaging web experiments - creative UI designs, animations, and interactive frontend elements.
• 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…
• 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.
• 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.
• 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.
• 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.
• 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…
• 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.
• boids society A self-contained artificial society: boids that bond, breed, age, catch epidemics, evolve their colours and get hunted — one offline HTML file…
• croma wall Turns any photo into a minimalist poster or wallpaper, picking colors straight from the image
• 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…
• cut and remix Web-based digital photo weaving and image deconstruction art tool
• syzygy A small world you roll a marble around, in the browser. No physics engine, no models, no build step.
• breath mirror A browser based mirror that fogs up when you blow on it and clears with hand gestures.
• 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.
• 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…
• 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…
• 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.
• 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.
• pixel stretch ブラウザで動作する画像をドラッグして引き伸ばすグリッチ加工ツール。. A vibe-coded HTML project you can play with right now, no install — found on GitHub and playable inside…
• 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…
• p5 toolkit A collection of creative-coding utilities and helpers for p5.js, organized as an npm-workspaces monorepo.
• Skyline Series Generative Art Skyline Series — Generative Art. A seed-based system of eight themed cityscapes — buildings with gridded facades, lit windows, spires, and a scatter…
• 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.
• 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…