WebGL demos you can play with right now

Hundreds of WebGL demos, each running live on its creator's own site: some of them vibe-coded with AI, all of them playable in your browser with nothing to install. Press a card to play one on its own page, or start the cruise to ride through them one after another.

Made one of these? See how many people played yours → or use email

• openworld js A 40kb+ webgl library, with concise code and extensive world sandbox! World engine prioritizes first-person view!The world is your…
• saarth site My personal website. Interactive 3D particles (Three.js), scroll animations (GSAP), and a tabla you can actually play. Open the link it…
• threejs ocean simulator An interactive ocean simulator and editor built with Three.js. Shape waves, change the water and lighting, push the surface, drop buoys…
• ab9d portfolio 3D particle-morph portfolio for Md. Manzurul Islam (AB9D). Pure static site — no build step, no framework. Three.js is vendored locally…
• shaderflow A visual node-to-GLSL shader editor with a live WebGL viewport. Design a material by wiring nodes on a graph — ShaderFlow compiles the…
• dithering shader A generative WebGL2 dithering playground and production-ready React component. Design animated two-color textures, terrain, depth…
• alevoldon lab Interactive 3D lab of Vladimir Rybalsky — creative technologist at the intersection of AI agents, WebGL, and generative audio. A portfolio…
• Galaxy Quest Cinematic Engine A broadcast-standard, state-driven cinematic workspace built entirely in vanilla web technologies. This project proves that the modern…
• Qiuner.github.io An immersive personal portfolio built with Astro and Three.js. The same projects, experiences, and ideas are reinterpreted as a cosmic…
• syzygy A small world you roll a marble around, in the browser. A syzygy is three bodies on one line. There are three here — the planet under your…
• allanhert portfolio Personal site of Allan Hert, founder of Hertwave. Two things live here: a selected-work portfolio, and a Lab of interactive WebGL…
• textmode.js textmode.js is a free, lightweight, and framework-agnostic creative-coding library for real‑time ASCII and textmode graphics in the…
• brc background A WebGL domain-warp background effect, derived from studying the main-menu shader of Bomb Rush Cyberfunk (Team Reptile). How it was made…
• web demolumathread lumathread LumaThread is a composable WebGL luminous-filament renderer for React. The component is distributed as editable source through its shadcn…
• WebToe A web-native, node-based dataflow engine for real-time visuals — patch operators together in the browser, TouchDesigner-style, and open…
• Marways7 用 AI 写代码，也用代码探索 AI。 我喜欢把具体的问题拆开，把零散的灵感接上，做成能够被尝试、被改进的东西。 我的好奇心常常沿着三条路线出发：从信号里发现规律，从阅读中打开理解，让 AI 走向实际的工具与交互。 这里记录我的开源实验，也为下一个「能不能」留着位置。 ECG…
• supersplat viewer This is the official viewer for SuperSplat. The web app compiles to a simple, self-contained static website. See the API reference for…
• openshaders A few hundred lines of shader code can give a website light, texture, and movement. Too much of that work stays in demos and experiments…
• polanaluz Stained-glass light for your hero section. Windows-wallpaper-style beams of light through stained glass, rendered live in the browser. Live…
• GSS Style sheets for the GPU. Selectors, the cascade and @keyframes, compiled into a single raymarching shader. Website · Playground ·…
• halation Fluid gradients behind textured glass — a free, open-source background generator for designers. Halation renders flowing color fields…
• design database Interaction, motion and material studies for the web. Small, self-contained components with live demos, documented props, and notes on how…
• state of cinema nextjs An immersive entry journey for a streaming platform, the first thing a visitor sees before they sign up. A stage curtain opens on a river…
• alive web A Claude skill for building immersive, award-grade websites that feel alive instead of static. On top of those rules, the skill carries art…
• fluid Dependency-free WebGL studio for generating backgrounds, wallpapers, Open Graph images, and live embeddable canvases. One HTML file. No…
• ditherwave A tiny WebGL2 dithering primitive for React. Wrap any image, video, or canvas in — or drop in for an animated grainy background. Bayer…
• maharajahul design From a brief to an interface worth experiencing. A portable design skill for coding agents. Maharajahul Design connects art direction…
• kroma roasters lizz Artisanal Coffee Engineered For Purists. A modern sensory web platform blending editorial design, real-time 3D WebGL physics, and fluid…Vibe-coded
• racing helmet motion 为真实人像制作有电影感的赛车头盔显影，并把完整方法封装成 Agent Skill 截取自 Archer 的线上实现——进入网站并移动鼠标可以看到完整交互 Racing Helmet Motion 教 Agent…
• amazing race 3d A playable 3D browser port of [a 2016 Panda3D college game]( running the original's own maze, models, and character rig. Kill 4 enemies…
• interactive 3d product showcase An interactive 3D technical showcase demonstrating real-time web graphics, engineering systems, and product storytelling. A scroll-driven…