Vibe-coded webgl

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

Best first 101–156 of 156

• moss ink A living generative dither garden and warm-paper design system.
• gravity gpt6 astra webgl A cinematic WebGL black-hole experience created with OpenAI GPT-6 Astra
• omr عُمر — a scroll-driven descent through a life. three.js helix, GPU-advected mist, a thread of light. Engine only; the album is private.
• deepseek frontend test MERIDIAN ABYSS 300 — 程序化 3D 奢侈品腕表产品页（deepseek-v4.1-flash 单提示词直出，Three.js + Vite，零素材）
• 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…
• immersive photo gallery An immersive frontend photo gallery featuring Three.js WebGL, GSAP motion, and AI-assisted image interpretation.
• 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…
• bmw hall Scroll-driven 3D web experience - a baked camera timeline in three.js, lit by a vertex baker written in Python for Blender
• 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 +…
• 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.
• 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…
• glyph forge High-performance, local-first glyph rendering for images, text, video, webcams, screens, terminals, and the web.
• gemini experience 🔀 [한글화/포크] (갤러리) · 몰입형 WebGL 웹 실험과 인터랙티브 시뮬레이션 모음 — HTML+JavaScript+Three.js
• 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…
• almost ALMOST — An immersive 3D museum of unlived lives, generated in real time with Three.js and GLSL.
• butterfly fx universe loom A GPU-accelerated Mandelbrot-to-cosmos universe loom built with p5.js and Electron.
• resend inspired threejs cube An independent, polished Three.js interpretation of the iconic Resend cube.
• 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…
• hui gesture bagua 单手手势控制的生成式八卦动态体验 · A generative Bagua experience controlled by hand gestures.
• aurift studio Open-source experimental digital studio featuring cinematic interactions, Three.js visuals, accessibility improvements and concept experiences.
• 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.
• aura break A burning circular charge meter in one HTML file. GLSL fragment shader, no build step.
• projeto x Experiência interativa de visão computacional e arte generativa controlada por gestos com MediaPipe, Three.js, WebGL e TypeScript.
• dither flow A 1-bit dithered flow field for the web — cursor-stirred ink, curl-noise advection, Bayer ordered dithering. Raw WebGL2, zero dependencies.
• emergence 相生：被每日世界头部事件改写的五行几何宇宙. A vibe-coded HTML project you can play with right now, no install — found on GitHub and playable inside VibeCruiser.
• 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.
• portfolio 3d A React portfolio with a Three.js field, seeded canvas artwork and a Collatz explorer.
• design database Interaction, motion and material studies for the web. React, canvas, SVG and Three.js components with live demos.
• 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…
• stille Fully animated one-page website: WebGL particles, shaders and scroll-driven motion. Built to pitch my web design work.
• kaleidoscope Interactive real-time digital kaleidoscope web application with N-fold symmetry, paint mode, live rear camera, audio reactivity, and signature preset…
• overprint Turn photos into risograph-style prints: spot-colour separation, per-ink halftone screening, overprint. Static WebGL2, no build step.
• fluid wallpaper Living generative ink for the web — WebGL2 fluid as a web component or React embed.
• 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.
• morphogen A living reaction-diffusion field with a guestbook for AI agents. People watch. Models leave marks.
• 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
• ab9d portfolio 3D WebGL particle-morph portfolio — Flutter / Odoo / IoT engineer
• fluid Dependency-free WebGL studio for generative backgrounds and live embeds.
• 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.
• planet based A creative studio where design, technology, and the living world meet.
• allanhert portfolio Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
• textmode.js textmode.js is a lightweight creative coding library for creating real-time ASCII art on the web.
• halation Fluid gradients behind textured glass — a free, open-source background generator for designers.
• Marways7 把好奇，变成作品。AI tools, signal intelligence, and an interactive personal profile.
• maharajahul design A portable design skill for coding agents. Art direction, working interfaces, real-time graphics and 11 interactive demos.
• racing helmet motion 赛车头盔动态人像 Agent Skill · Independent WebGL helmet ghost, auto reveal, pointer ripple and subtle pose
• interactive 3d product showcase An interactive 3D web experience built with React Three Fiber, Blender assets, and real-time rendering techniques to demonstrate product…