Vue.js - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More | WebGL / WebGPU Community

PipeMagic: A WebGPU Node Editor for Image Pipelines

A node editor for image pipelines that runs entirely in the browser. Wire up background removal, depth estimation, JFA outlines, and 2x upscale, watch WebGPU do the work, then export the graph as JSON and drop the same logic into your app in roughly 180 lines.

May 26, 2026

Ameen Abdullah's Portfolio Turns the Browser Into a Stage

A WebGPU sakura scene anchors the hero, Vue drives the page, and a second WebGL layer paints mini scenes into textures aligned with the DOM. Off-screen blocks pause their work. Subtitles arrive in Japanese. A portfolio that behaves like a place rather than a CV.

May 2, 2026

Dev From 2047: A WebGPU Portfolio Experiment in Vue and TSL

A shelved WebGPU portfolio experiment from LUCERRÁ. Vue and Theatre.js sequence the camera, TSL handles shader transitions, and the whole thing reads as choreography rather than layout. The version that did not ship, which is usually where the more interesting code lives.

Apr 25, 2026

Hatom: Five-Phase Griffin Mythology Rendered in WebGL

Immersive Garden built a five-chapter WebGL narrative for Hatom where a griffin hatches, armors up, and expands across planets. Three.js, progressive asset loading, and sound design by Ben Lukas Boysen. Awwwards SOTD, November 2024.

Apr 6, 2026

Motion GPU: A Minimal WebGPU Framework Shaders and Multi-Pass Pipelines

Motion GPU strips WebGPU down to fullscreen shaders, multi-pass pipelines, and frame scheduling. Nothing else. DAG-based scheduler, composable render graph, and ping-pong slots.

Mar 17, 2026

Lacoste Members Experience: A Polo Shirt Co-Creation

Merci-Michel built a Three.js polo customizer with triple UV maps, vertex-encoded metadata, and a pipeline that exports directly to manufacturing. It runs on mobile. It never stutters. Worth studying.

Mar 15, 2026

Lume: GPU-Powered 3D Scenes Written as Plain HTML Elements

Lume lets you build WebGL-powered 3D scenes using custom HTML elements. Lights, shadows, glTF models, and reactive updates, all in markup that works with React, Vue, Svelte, or vanilla HTML. No canvas wrangling required.

Mar 10, 2026

UNESCO's Virtual Museum of Stolen Artifacts, Rebuilt in 3D with NanoGL

A WebGL museum you weren't expecting to need. makemepulse rebuilt 240+ looted artifacts in 3D using their in-house NanoGL framework and a generative AI pipeline that turns flat photos into textured models. Architect Francis Kéré designed the space. The subject matter does the rest.

Feb 16, 2026

curtains.js: DOM-Driven WebGL Textured Planes

Martin Laxenaire's lightweight WebGL library that converts HTML elements into shader-driven textured planes positioned exactly where your CSS says they should be. Write normal markup, add shaders, skip the coordinate math.

Feb 10, 2026

Crafts of Life: A Three.js Exhibition on East Asian Material Culture

The University of Zurich turned ethnographic research into an immersive 3D web experience. Explore how East Asian hunting cultures shaped tools from bone, leather, and plant fiber. Built with Three.js, Vue.js, and Blender. Bilingual. Worth a slow scroll.

Jan 22, 2026

Gen-02 Portfolio: An Immersive World

Samsy transforms the traditional portfolio into a 3D navigable space with his Gen-02 site. Built with Vue.js, GSAP, and custom WebGL, visitors explore interactive rooms showcasing a decade of award-winning creative tech work. Awwwards SOTD winner with serious technical depth.

Dec 28, 2025