Vibe-coded webgl

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

• textmode.js textmode.js is a lightweight creative coding library for creating real-time ASCII art on the web.
• fluid Dependency-free WebGL studio for generative backgrounds and live embeds.
• openworld js A 40kb+ webgl library, with concise code and extensive world sandbox! World engine prioritizes first-person view!The world is your viewpoint.
• hui gesture bagua 单手手势控制的生成式八卦动态体验 · A generative Bagua experience controlled by hand gestures.
• Qiuner.github.io Building beautiful websites used to be gatekept. Not anymore. So I built all of them.
• sublevel studio A single-file Three.js studio concept with an interactive Kyoto lobby, arcade, portfolio CRTs, and editorial case studies.
• Magic Mouse Movements Interactive cursor kits for product stories, portfolios, data reveals, and guided navigation, with complete scenes, React examples, and accessible…
• glyph forge High-performance, local-first glyph rendering for images, text, video, webcams, screens, terminals, and the web.
• gitcity Turn any GitHub contribution graph into a living 3D neon city. Skyline replacement with themes, per-day hover, PNG and printable STL export. No login.
• racing helmet motion 赛车头盔动态人像 Agent Skill · Independent WebGL helmet ghost, auto reveal, pointer ripple and subtle pose
• brc background Reverse-engineered reconstruction of the Bomb Rush Cyberfunk menu background: an iterated sine/cosine domain-warp WebGL shader, plus a React…
• aurift studio Open-source experimental digital studio featuring cinematic interactions, Three.js visuals, accessibility improvements and concept experiences.
• image to particle page Upload an image and generate an adaptive WebGL particle animation page with a reusable Codex Skill.
• kuro screensaver Standalone retro-CRT 3D screensaver — five seeded procedural scenes, a CRT signal-degradation pass, a self-typing narrative terminal, synthetic Web…
• 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…
• 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
• aetheris A cinematic WebGL journey beyond the visible — five chapters of light, motion, and atmosphere, rendered live in Three.js.
• butterfly fx universe loom A GPU-accelerated Mandelbrot-to-cosmos universe loom built with p5.js and Electron.
• ab9d portfolio 3D WebGL particle-morph portfolio — Flutter / Odoo / IoT engineer
• psychedelica Generative Three.js and Tone.js audio-visual experience: 12 procedurally random scenes, Randomize or narrated Story mode, spatial audio.
• e8 studio E8 Studio — An interactive exploration of E8, Platonic solids, the 600-cell, and regular 4D polytopes through real-time visualization and animation.
• alevoldon lab Interactive 3D lab of AI agents, WebGL, and generative audio.
• allanhert portfolio Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
• omr عُمر — a scroll-driven descent through a life. three.js helix, GPU-advected mist, a thread of light. Engine only; the album is private.
• spring bloom An interactive 3D pop-up edition of the children's book Spring Bloom: paper cut-outs from the real illustrations, page turns that bend, and a…
• liquid lens A WebGL metaball lens: soft bodies that chase the pointer, merge into one shape, and show a photograph only where they are. Every number is a slider.
• artifact seed Scroll-driven film x WebGL experience: a procedural specimen materialises between a dancer's hands, then opens. No 3D model, no HDRI, no…
• nepotato threejs gpu Editable procedural triple-fan GPU model for Three.js, WebGL and AI-assisted development
• dithering shader Generative WebGL2 dithering playground and React component with terrain, country masks, 3D illusions, and live performance analytics.
• morphogen A living reaction-diffusion field with a guestbook for AI agents. People watch. Models leave marks.
• prism image particle lab PRISM: turn any image into a rotatable 3D particle field in the browser.
• shaderflow Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
• dither flow A 1-bit dithered flow field for the web — cursor-stirred ink, curl-noise advection, Bayer ordered dithering. Raw WebGL2, zero dependencies.
• commit city Turn your GitHub contribution history into a living 3D cyber-city skyline.
• immersive photo gallery An immersive frontend photo gallery featuring Three.js WebGL, GSAP motion, and AI-assisted image interpretation.
• pelagic jellyfish webgl A silent interactive WebGL descent through a living jellyfish ocean, with pulse-driven swimming and a liquid-glass idle clock.
• cosmic atlas A cinematic, navigable replica of the real universe in the browser — 81 catalogued objects at real distances, walkable worlds, real ephemeris…
• TheHollow A moody first-person 3D exploration experience built with Three.js — wander a glowing forest and uncover memory fragments.
• projeto x Experiência interativa de visão computacional e arte generativa controlada por gestos com MediaPipe, Three.js, WebGL e TypeScript.
• kalp animasyon A glowing 3D heart woven from light in a WebGL starfield, built with Three.js and real bloom post-processing.
• crt screen A custom element that renders any content inside a CRT - aperture grille, shadow mask and dot matrix shaders over live, interactive DOM rather than a…
• planet based A creative studio where design, technology, and the living world meet.
• Scroll Triggered 3D Sphere Morphing Interactive scroll-driven 3D WebGL sphere morphing effect built with Three.js and vanilla JavaScript.
• depth particle cam 3d 🌌 Turns your live webcam feed into an interactive 3D holographic point-cloud in Three.js. Bright pixels push 3D depth in Z-space.
• threejs ocean simulator Interactive Three.js ocean simulator and editor for tuning waves, lighting, water color, and surface effects.
• solar atlas gesture Pinch from Saturn until the Solar System becomes a dot — then keep going, to the nearby stars, the Milky Way and the Local Group. A hand-gesture…
• Synaptic Dialogues A week of my own AI usage, self-tracked and rendered as a navigable 3D topography rather than a bar chart. Three.js + WebGL.
• raymarchcity Audio-driven raymarched night city — the whole thing in one fragment shader. Drop in an mp3.
• ImADragon onepromptcode game This is a little spyro inspired like game fully built with claude code, using Opus 5 at ultracode.
• mind galaxy An interactive 3D galaxy — 18 book chapters as planets across 5 themed solar systems, orbiting a black hole. Three.js + WebGL.
• butterfly qr A romantic Three.js butterfly swarm that transforms into a customizable QR code.
• resend inspired threejs cube An independent, polished Three.js interpretation of the iconic Resend cube.
• Dark3 Experiment with three.js and GSAP. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• la bombonera A five-chapter cinematic walk from the streets of La Boca into the stands, rendered live in WebGL. Zero image assets — every surface is generated at…
• onkochishin 温故知新 — a local gallery that studies other people's web demos, then rebuilds them as dependency-free single pages. 16 rebuilt works, 14 shader labs…
• sangeet nights vibe coded a game using claude. A vibe-coded CSS project you can play with right now, no install — found on GitHub and playable inside VibeCruiser.
• driftfield A GPU particle cloud in a curl-noise flow field with a fake depth of field. Every parameter is live.
• nightsail A night sea of Gerstner waves, a column of light and a boat riding the swell. Generated from code, tuned live.
• deepseek frontend test MERIDIAN ABYSS 300 — 程序化 3D 奢侈品腕表产品页（deepseek-v4.1-flash 单提示词直出，Three.js + Vite，零素材）
• interactive 3d product showcase An interactive 3D web experience built with React Three Fiber, Blender assets, and real-time rendering techniques to demonstrate product…
• fluid wallpaper Living generative ink for the web — WebGL2 fluid as a web component or React embed.
• oberlab turbofan scroll Cinematic, scroll-driven turbofan assembly built procedurally with Three.js, WebGL, GLSL, and WebAudio.
• neural cinema Interactive Three.js neural signal-flow visualization
• art A scroll-led history of technology told through its artefacts — from a struck stone 3.3 million years ago to machines that are learning to judge.
• inkfall A GPU fluid simulation in the browser. Move the pointer and ink blooms through water in plumes and filaments. One self-contained HTML page, no…
• 3d gradients generator Interactive WebGL gradient studio built with Three.js, GLSL noise, physics, and real-time material controls.
• 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…
• aftertouch A world you grow with your cursor, play like an instrument, and rewind. Created by Codex.
• whistlevale A miniature railway house anyone can build in. Claim an exhibition bay and add your own scene — open, dependency-free, custom WebGL 2.
• prmptbio brand Three.js poster studio for the prmpt.bio identity — extruded 3D key mark, Pilowlava 3D wordmark, GPU path tracing, PNG-24 and MP4 export. Fully…
• yako YAKO — a five-chapter procedural WebGL night descent through a rain-lit megacity. One HTML file, no image assets, no build step.
• murph tesseract A walk through the Tesseract from Interstellar — Three.js + WebGL.
• PLASMODIUM LAB Interactive 3D on-chain Physarum laboratory with ERC-20 burn mechanics.
• little landscapes An open-source procedural landscape studio for terrain, water, vegetation, weather, light, and mobile painting.
• ma koi pond An interactive web experience that showcases Ma (間), the Japanese idea of purposeful empty space.
• aura break A burning circular charge meter in one HTML file. GLSL fragment shader, no build step.
• 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…
• aetheria Generative backgrounds, tuned by hand — an installable WebGL background studio.
• focus sanctuary 3d max Focus Sanctuary 3D MAX EDITION — CHRONO CHRYSALIS: a Pomodoro timer as a real-time WebGL sculpture of liquid chrome and prism glass (Vite +…
• gemini experience 🔀 [한글화/포크] (갤러리) · 몰입형 WebGL 웹 실험과 인터랙티브 시뮬레이션 모음 — HTML+JavaScript+Three.js
• nocturne A living night sky in a single HTML file — real-time WebGL nebula, 2,000 stars, meteors, zero dependencies
• reality tear A camera-fed, tearable reality experiment built with Three.js and position-based dynamics.
• ThreeImageTransition An accessible WebGL image-transition study with reduced-motion support and hardened delivery.
• goofy procedural creatures Hand-drawn procedural creatures grown from a single seed — no textures, no build, just rules and three.js
• 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…
• pulsegrid 3d A cinematic living data reliability city — interactive Three.js visualization of flow, failure, quarantine, replay, and recovery.
• yildiz inisi webgl Kar tanesinden piste kadar her şey kodla üretiliyor, indirilen tek bir varlık dosyası yok. Sekmeyi aç, pist zaten orada.
• bmw hall Scroll-driven 3D web experience - a baked camera timeline in three.js, lit by a vertex baker written in Python for Blender
• interactive showcase Eight live, hand-built demos in one page — flocking, pathfinding, raymarching, generative art. No frameworks, no dependencies, no build step.
• syzygy A small world you roll a marble around, in the browser. No physics engine, no models, no build step.
• celadon A 3D pottery game with no art assets: the clay, the glaze chemistry, the kiln and every texture in the room are computed at runtime. Built with…
• jscreensaver JavaScript port of generative artwork from XScreenSaver
• omarchy themethrough The Omarchy wordmark laid flat on the floor and filled with the wallpapers from all 22 themes — a film that plays itself, and a car you can drive…
• almost ALMOST — An immersive 3D museum of unlived lives, generated in real time with Three.js and GLSL.
• 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…
• emergence 相生：被每日世界头部事件改写的五行几何宇宙. A vibe-coded HTML project you can play with right now, no install — found on GitHub and playable inside VibeCruiser.