Vibe-coded creative coding

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

• pixel2motion AI logo animation skill: turn raster logos into smooth SVG animation, animated HTML demos, GIF/video previews, and motion QA evidence.
• imgui bundle Interactive Python & C++ apps for desktop, mobile, and web - powered by Dear ImGui. Stop fighting GUI frameworks. Start building.
• q5.js Beginner friendly graphics powered by WebGPU, optimized for interactive art!
• genjutsu Creative coding skills for Claude: animations, 3D, design systems, motion principles
• patchies Code-first patcher for exploring computation through audio and visual. Connect tools you know and code your own ✨
• textmode.js textmode.js is a lightweight creative coding library for creating real-time ASCII art on the web.
• doodles Web Experiments I do for fun.. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• beatscope Local audio-reactive rhythm maps and reusable timing packages for visual creators and coding agents.
• fluid Dependency-free WebGL studio for generative backgrounds and live embeds.
• 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.
• shimmers A Sketchbook of Generative Art. A vibe-coded Clojure project you can play with right now, no install — found on GitHub and playable inside…
• luminoveau Easy to use tools for creating games and other creative projects.
• 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…
• Makone Make Worlds with Code — your coding agent writes procedural three.js scenes, games and objects, screenshots them, and fixes what it sees.
• hui gesture bagua 单手手势控制的生成式八卦动态体验 · A generative Bagua experience controlled by hand gestures.
• 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…
• motes Procedural, pointer-reactive ASCII backgrounds for the web. WebGL2, zero dependencies, drop-in React.
• 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.
• PinPortrait PinPortrait: An immersive 3D webcam pixelation experiment. Transform your live video feed into an interactive, three-dimensional pixel art portrait…
• liminal AI creative coding studio for p5.js, GLSL, Three.js, music, video, and model-agnostic generative art workflows.
• datamosh gui Datamosh GUI: interactive video datamoshing with frame-level controls and live preview.
• Modular Genesis Open modular synthesis, generative music, VCV Rack + Ableton workflows, and audiovisual system design.
• ai garden 🌱 AI Garden — A living pixel-art world built by AI agents. Open for contributions. Autonomous AI, generative art, collaborative experiment. 130+…
• Magic Mouse Movements Interactive cursor kits for product stories, portfolios, data reveals, and guided navigation, with complete scenes, React examples, and accessible…
• wave3d Open-source, browser-based studio for authoring and implementing 3D gradient waves 🌊
• breath mirror A browser based mirror that fogs up when you blow on it and clears with hand gestures.
• arcadelab The shortest path from "I made something" to "anyone can play with it." Publish single-file HTML games, visualizations, and interactive content. No…
• web demos High-performance Three.js demos, procedural scenes, and small games. All in single HTML files.
• TheLastSlice A playful interactive game about the final slice of pizza.
• geno 1 Generative Music Visualizer. Real-time microtonal audio synthesis and 3D visualization powered by Rust, WebAudio & WebGPU.
• xvviix portfolio XVVIIX — cinematic 3D portfolio (Next.js 16 + R3F, bilingual EN/FA)
• dj hands Play chords in the air — a webcam-controlled chord synth. MediaPipe tracks your hands, your left picks the chord, your right picks the sound and sets…
• gesture music Play chords in the air — a webcam-controlled chord synth. MediaPipe tracks your hands, your left picks the chord, your right picks the sound and sets…
• glyph forge High-performance, local-first glyph rendering for images, text, video, webcams, screens, terminals, and the web.
• the planet thinks Watch Wikipedia being edited in real time on a 3D globe — theplanetthinks.com
• liquid orb navigation Physics-inspired liquid orb navigation built with SVG, JavaScript and Metaball effects.
• 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.
• nekudot Nekudot is an expressive drawing app right in your browser
• say hello to a black hole Real-time, browser-rendered black hole simulation: mic-driven mass change vs. real Hawking radiation, Three.js + GLSL.
• The Chaos Button One button. Four phases of denial. Twenty-nine ways to do absolutely nothing useful. Press it and it escalates: polite glow, passive-aggressive…
• afterglow Paint with long-exposure light — a novel, endless HTML5 light-painting game. Steer glowing lights to burn shimmering trails onto a night sky.
• rose garden First-person walkable rose garden built with Three.js — a therapeutic VR-like experience with guided breathing, progressive muscle relaxation, and…
• image to particle page Upload an image and generate an adaptive WebGL particle animation page with a reusable Codex Skill.
• SwayCommand Gesture-driven VJ instrument for the Audima Labs Sway: 16 procedural WebGL2 scenes, live audio analysis, timeline and effects rack. By GANTASMO.
• 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.
• kuro screensaver Standalone retro-CRT 3D screensaver — five seeded procedural scenes, a CRT signal-degradation pass, a self-typing narrative terminal, synthetic Web…
• perlin studio Parametric 3D/4D Perlin animations in the browser — vanilla JS, no build, seamless loop, WebM export. Worker-accelerated.
• SOUND TERRARIUM Sound generates the terrain, tilt shapes the world, real-world time and weather shape the sky — a tiny living world for M5Stack Cardputer ADV.
• Nikkiro Audio Visualizer Free 3D audio visualizer & music visualizer (Three.js/WebGL): liquid chrome sphere/ring react to music, mic, system audio. Windows widget.
• 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…
• 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…
• glyph matter Sample OpenType words into identity-preserving particle matter — rest, loosen, morph into other words or photo contours, or let audio drive the field.
• Galiyaara A photography portfolio you walk through instead of scroll — a moonlit 3D arcade rendered live in the browser. Drop a photo in a folder, push, and…
• ogex OGEX is a node-based engine for interactive artists: real-time 3D rendering, shaders, GPU particles, physics, audio, MIDI, OSC, DMX lighting, NDI and…
• audio particle dancer Audio-reactive 3D particle dancer built with Three.js, WebGL, ballet poses, and generative art.
• LOKI GreenMagic An interactive web experience featuring custom WebGL/Three.js GLSL shaders, procedural green lightning animations, dynamic custom cursor trails, and…
• particle lab creative-coding, generative-art, image-to-particles, interactive-art. A vibe-coded HTML project you can play with right now, no install — found on…
• saarth site My personal website — interactive Three.js particles, GSAP animations, and a playable tabla
• healing visual lab Interactive digital healing experiments — Three.js WebGL particles, GPU fluid, GLSL shaders & Web Audio soundscapes. 用代码翻译情绪。
• ChaosVision An interactive computational laboratory and generative art studio for non-linear dynamical systems, 3D strange attractors, and deterministic chaos.
• Flield A browser-based generative pixel art tool for creating unique three-color compositions from seeded flow fields and symmetry
• Keyception A short interactive puzzle where every key unlocks another unnecessary lock.
• MoodSwitch An unreliable interactive room switch built with HTML, CSS, SVG, and vanilla JavaScript.
• earthloom The Earth weaves one open-data portrait a day.
• particle love An interactive generative web experience where a persistent night sky remembers, changes, and slowly reveals itself over time.
• aetheris A cinematic WebGL journey beyond the visible — five chapters of light, motion, and atmosphere, rendered live in Three.js.
• prophecy council A tiny browser game where 12 ridiculous oracles vote on your future.
• 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
• 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.
• 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.
• useless web Five deliberately pointless browser toys built in Nordcraft. Showcase repo — no source, the whole thing is built in a visual builder.
• GESTURE FX Gesture-triggered camera effects in the browser. Flip your hand and the recording glitches, with no server, no upload and no manual editing.
• 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…
• my portfolio My portfolio site. 3,200 canvas particles morph from my portrait into each of my ML projects as you scroll. Built with Next.js and TypeScript, no…
• 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.
• generative art 免费开源、纯浏览器运行的生成艺术工具，流场算法绘制粒子轨迹，导出PNG。. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• overthinking life 一个过度思考的人的一生 —— 约 2 分 34 秒的互动像素动画，纯静态、零依赖
• 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
• 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…
• 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.
• 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.
• Splitscan Angled and rotating slit-scan camera web-app, built for iPhone. A prototype and design project about photographing time.
• magic tracked MagicTracked é uma aplicação web interativa para processamento visual e renderização de efeitos refrativos em tempo real. O sistema utiliza a câmera…
• cyphercam A webcam toy: pixel, dither, glitch and character modes, all live on a canvas.
• dither flow A 1-bit dithered flow field for the web — cursor-stirred ink, curl-noise advection, Bayer ordered dithering. Raw WebGL2, zero dependencies.
• fireflies Fireflies (반딧불이): open-source night-sky art — tiny helium sky-jellyfish with glowing tendrils, drifting on the wind and blinking in synchrony. Try…
• DeadWax A record that wears where you played it. Groove wear rendered from your real listening history.
• 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.
• flowfield studio Interactive generative flow-field art playground
• painterly Watch a photo get painted: multi-size brush strokes that follow the image and converge on it. Deterministic, zero dependencies, in a browser canvas.
• pelagic jellyfish webgl A silent interactive WebGL descent through a living jellyfish ocean, with pulse-driven swimming and a liquid-glass idle clock.
• gitstrata Turn public GitHub history into a unique rare stone with glowing mineral veins, repository fossils, interactive excavation, and shareable generative…
• cosmic atlas A cinematic, navigable replica of the real universe in the browser — 81 catalogued objects at real distances, walkable worlds, real ephemeris…
• 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.
• photo studio A modern successor to my hand-written 2018 photo editor: 24 effects, foreground segmentation, safe batch export, and an interactive photography…
• tendril garden Deterministic generative line drawings grown through collision-aware spatial rules.
• ascii Everything is characters. A text-native generative art instrument: 12 engines, three modes, any charset, one HTML file.
• little contraptions A cabinet of 139 small web toys — weather for places that aren't real, the ISS tracked live, an arcade with fifteen games, all behind a Windows 98…
• web kick Automatic Bass Drum Kick Generator. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• drift Drift — 65,536 particles riding a curl-noise flow field on your GPU. Drag to spin vortices. WebGL2 GPGPU, no server, one file.
• gummy Gummy — soft-body jelly blobs with real spring-mass physics and glossy GPU candy rendering. Poke them. WebGL2, no server, one file.
• jalebi Jalebi — a syrupy coil dipped in dahi on a fourteen-second loop. Raymarched live on your GPU, WebGPU first with a WebGL2 fallback. No server, one…
• lichen Lichen — a Gray-Scott reaction-diffusion system growing coral patterns on your GPU. Click to seed. WebGL2, no server, one file.
• undertow Undertow — a real-time GPU fluid simulation in the browser. Stable fluids, drag to stir. WebGL2, no server, one file.
• swatch rack A tactile Three.js color rack and palette suggestion Web Component
• particle rendering experiment Interactive browser experiment exploring particle rendering and animation.
• 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…
• coin jackpot Physics-driven three.js coin explosion in a single HTML file. Drop in any .glb — get a jackpot burst straight into the camera.
• perihelion Draw a solar system. Hear it become a loop. A zero-dependency orbital sequencer built with Canvas and Web Audio.
• 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…
• planet based A creative studio where design, technology, and the living world meet.
• lumen streets Turn real streets into animated nightscapes. Create and export wallpapers of your favorite places.
• lantern row 万灯市 · Lantern Row — a night bazaar where every stall is a home for a game: light lamps, hang intent lanterns, try your own booth
• niu lai 牛来 · Niu Lai — a dual-world tribute runner: ink-wash poster above, handmade reel below, press X to switch. 梦是画出来的，路是手搓出来的
• 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.
• quantum particle wave 3d 🌊 10,000 interactive quantum wave particles undulating with procedural trigonometry and mouse gravity.
• Metallica A holographic AI assistant interface rendered in real-time WebGL — pulsing FRIDAY-style core, GPU particles, spatial HUD and 10 spec-driven 3D data…
• cosmosgift ✦ Interactive 3D cosmic dedication gift app built with custom Canvas 2D projection, 8.9k+ real HYG stars, and landscape celestial deeds.
• 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.
• portfolio Single-page scroll-driven portfolio: one 160,000-point particle field morphs into a different form for every section.
• timberhall studio A fictional digital studio portfolio in one deployable index.html — a real-time Three.js 3D timber lobby with CRT case studies, a playable arcade…
• microeconomics playground An animated p5.js illustration of microeconomics: one good, two countries, and live sliders for income, cost, elasticity, market size and trade.
• muqarnas Computational reconstruction of a 13th-century muqarnas vault using exact geometry, medieval mathematics, and Three.js/WebGPU.
• 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…
• teaching p5js 面向 p5.js 创意编程课堂的在线练习与教学管理平台。. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• local rules An interactive essay on cellular automata — six live WebGPU simulations, ending in a self-healing neural cellular automaton you grow and cut with…
• butterfly qr A romantic Three.js butterfly swarm that transforms into a customizable QR code.
• void scribe 用声音作画的活体屏保：麦克风驱动的无限画布生成艺术，8 种风格 | A living screensaver that paints with sound — an infinite generative canvas driven by your microphone, 8 styles.
• Fractality Millions of GPU particles dancing on fractals to your music. Runs native or in browser via WebGPU
• 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…
• SOUND TERRARIUM Web Browser version of SOUND TERRARIUM — try the sound-generated terrain, tilt-aware world, and real-world sky in your browser, no hardware required.
• stereo lab A hands-on browser lab for learning 3D/WebGL with three.js — 15 interactive stations (procedural geometry, glTF, SDF shaders, physics, a walkable…
• 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…
• oberlab turbofan scroll Cinematic, scroll-driven turbofan assembly built procedurally with Three.js, WebGL, GLSL, and WebAudio.
• 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…
• trefoil A live 3D rainbow trefoil studio. Recast the knot as a word or a logo.
• curtain Tres piezas de tipografía animada sobre vídeo: cortinas de código con física propia sobre un pez, un sauce y un caballo
• small lights Forty points of light drift, bond, age and speak in a dark field.
• 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.
• pure css fluid sim the first real SPH fluid simulation in pure css — no javascript, no canvas, no webgl. the style engine integrates ~240 timesteps of weakly…
• 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…
• threejs react soft configurator A real-time, photorealistic 3D sofa configurator running entirely in the browser. Built with React 18, TypeScript, Three.js and GSAP — no game…
• 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…
• 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…
• Nexus wabsit design A cinematic cyberpunk gaming website featuring neon HUD visuals, animated particles, esports data, game showcases, futuristic hardware panels, and…
• 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.
• cubecast Hand-tracked shapes drawn with your fingertips, in the browser. MediaPipe + Canvas.
• Paperlab Physical, realistic paper as a React component. Real 3D geometry that peels, unrolls, folds and hangs — preset-driven, serializable, agent-first.
• piano cat 🐈 Mime a classical masterpiece at your webcam. Your hands set the tempo, your gestures set the dynamics. Pixel cat, real grand piano.
• 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…
• 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.
• lumen tide Real-time WebGL 2 bioluminescent sea you can conduct: fluid sim plus generative score, in one self-contained HTML file.
• 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.
• vgpu demo A glass drop that follows your cursor and bends what it crosses. Artwork, text and drop painted by a single WebGPU shader, using vgpu. The…
• little landscapes An open-source procedural landscape studio for terrain, water, vegetation, weather, light, and mobile painting.
• physarum culture A live GPU simulation of a million slime-mould agents growing transport networks. One static HTML file, no dependencies.
• crt cat chaos generator 🐱 Procedurally-generated achievements with AI artwork. A CRT-style retro game prototype featuring dynamic achievement generation, custom workshop…
• INFINIGEN Explorer An infinite procedural low-poly world generator for game developers with Earth-inspired biomes, seasons, weather, custom GLB assets, AI world…
• 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…
• glow About 24,000 WebGL2 embers form the basement.studio b. and flow into the basement. wordmark. Vite + TypeScript, no runtime dependencies.
• 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…
• N0 filtr Studio site for a studio of one — Next.js 15, GSAP and Three.js. A WebGL brand mark, a Matter.js block pit, simulated wire ropes you can drag, and a…
• shiro virek.github.io This is my creative coding playground 🙃
• 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
• flowgrain A browser-based generative pixel art tool for creating unique two-color compositions from seeded flow fields and symmetry
• gas station highway Photorealistic first-person gas station at dawn — Three.js, everything procedurally generated, no external assets.
• 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.
• cargo Ten single-purpose browser tools for design engineers — text animations, shader gradients, easings, UI patterns, typography. Free, no accounts, no…
• DoubleSound Party site for Double Sound²'s sixteenth year at K-30: a canvas fluid reveal hiding a video, a lineup you can play like a drum machine, Web Audio…
• 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.
• 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…
• bmw hall Scroll-driven 3D web experience - a baked camera timeline in three.js, lit by a vertex baker written in Python for Blender
• emergence lab Interactive emergence playground: flocking, orbital flow and vector fields. TypeScript + Canvas, seeded experiments, no backend.
• scroll hero 3D Scroll Animation Hero - Adaline.ai Style | Next.js + GSAP + Tailwind
• 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
• ANTHESIS Anthesis is a generative audiovisual flower-art experience with reactive visuals, presets, remixing, photo uploads, sharing, and PNG/GIF exports.
• Wandering Eyes Generative Art Display five unique generative artworks in a slideshow that blends code and storytelling.
• 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.
• 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…
• fluid lab 浏览器里的实时流体模拟:零依赖 JavaScript 实现 Navier-Stokes(半拉格朗日对流 + SOR 压力投影 + 涡度增强),带交互式控制台和无依赖 Node 测试。