GLSL demos you can play with right now
Hundreds of GLSL 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
Best first 201–224 of 224
three.js lab
A living laboratory for experimenting with 3D graphics in the browser This is not a copied tutorial. Not a downloaded template that was…
shubham jadhav FiatLux.github.io
A portfolio you can walk through. Guide a panda through a misty valley of bamboo, blossoms and pagodas to discover who I am, what I build…
- turbofan explorer A Jet Engine and Its Airliner, Modelled in Code A procedural 3D modelling project: a turbofan engine and the four-engine airliner it hangs…▶ 5+ plays this week 🏆 #6 most played this week
pulse
Estudio audiovisual interactivo en el navegador Interactive audiovisual studio in the browser Secuenciador de 16 pasos · Sintetizador Web…
webgl
Three.js and hand-written GLSL: 3D product configurators, engineering calculators, and interactive sites. Available for contract work…
Fluidframe
Design high-impact 3D device mockups, real-time WebGL fluid mesh gradients, retro Bayer dither shaders, and render studio-grade 60 FPS MP4…
rummy
Real-time 3D scenes rendered as ASCII, in WebGL2. Built for hero backgrounds. rummy takes a raymarched scene, a video or any canvas and…
- fluid wallpaper Living generative ink for the web — WebGL2 fluid you can embed, tune, and leave running. fluid-wallpaper is ambient artwork that feels…
vernier gl
Interactive design grid — a snapping, measuring WebGL backdrop. An infinite 8px grid that reveals itself around your pointer. A crosshair…
stereo lab
A hands-on playground for learning the core concepts behind a 3D motion framework by touching the code directly. One Vite app; stations…
ab9d portfolio
3D particle-morph portfolio for Md. Manzurul Islam (AB9D). Pure static site — no build step, no framework. Three.js is vendored locally…
N0 filtr
A studio site for a studio of one. Design and engineering for founders who ship — twelve real projects, six services, and a footer you can…
motes
Procedural, pointer-reactive ASCII backgrounds for the web. Drop-in for React and vanilla. Zero runtime dependencies. The ASCII-on-the-web…
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…
allanhert portfolio
Personal site of Allan Hert, founder of Hertwave. Two things live here: a selected-work portfolio, and a Lab of interactive WebGL…
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…
Blotter
A JavaScript API for drawing unconventional text effects on the web. When applying effects to text on the web, designers have traditionally…
LIQUID GLASS
Figma's Liquid Glass effect, rebuilt as a real-time WebGL2 renderer. Design the glass in the browser, then export a config you can paste…
portfolio
A single-page, scroll-driven portfolio. One particle field of 160,000 points takes a different form for each section of the page, so a…
GSS
Style sheets for the GPU. Selectors, the cascade and @keyframes, compiled into a single raymarching shader. Website · Playground ·…
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…
fluid
Dependency-free WebGL studio for generating backgrounds, wallpapers, Open Graph images, and live embeddable canvases. One HTML file. No…
maharajahul design
From a brief to an interface worth experiencing. A portable design skill for coding agents. Maharajahul Design connects art direction…