Vibe-coded javascript
274 vibe-coded javascript projects you can play with in the browser — built with AI, deployed by their authors, collected on VibeCruiser.
Best first 201–274 of 274
creative coding xmb wave background
This project recreates the iconic XMB wave animation from the PlayStation Portable (PSP) menu interface, entirely using HTML, CSS, JavaScript, and…
naqsh atelier
NAQSH — browser-based Islamic geometric pattern atelier. 36 generative pattern engines, carved-stone rendering, seed-deterministic, zero dependencies.
Game of Seeds Generative Art
Seed-based generative cellular automaton — a custom 3-cell rule iterated over 30–2030 steps, drawn as glowing dots on a dark ground. Reproducible…
sediment
A small persistent falling-sand world whose plants carry a one-byte genome. Single HTML file, no dependencies.
-
turbofan explorer
A turbofan engine and its four-engine airliner, modelled entirely in code with Three.js: cutaways, a working wing and landing gear, a cabin, and one…
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.
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.
matrix digital rain
⚡ A lightweight, zero-dependency HTML5 Canvas & JavaScript implementation of the iconic Matrix digital rain effect.
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…
sketchy snake
A hand-drawn sketchbook arcade snake game with procedural graphite canvas rendering, Web Audio synthesis, and mobile haptics ✏️🐍🧡
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…
-
ai workplace assistant
A modern AI-powered workplace productivity assistant that helps professionals automate emails, meeting summaries, task planning, research, and…
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.
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.
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…
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…
sketchy snake vr
A 3D spatial sketchbook snake game in WebXR built with Three.js for Meta Quest, Apple Vision Pro, and browsers 🥽✏️🧡