Memorables

WebGL & Three.js

WebGL & Three.js for real-time 3D in the browser: shaders, particles and immersive portfolios.

WebGL lets a website draw real-time 3D graphics and shader effects using the graphics card; Three.js is the most widely used library built on it, and WebGPU is its faster successor. Used well, it turns a page into something to explore rather than just read. This page gathers portfolios, product sites and experiments that use it with purpose: image distortion, glass and refraction, particles and full 3D scenes, by creative developers such as Aristide Benoist and Szymon Pasternak.

16 works by 12 creators, newest added 6 November 2026. Each is credited to the people who made it and links to the original.

All 16 WebGL & Three.js

  1. Lathe Blueprint by Zsolt Kacso — A website hero for Lathe, a hardware startup, built with Three.js and GSAP: the drone's technical drawing draws itself, a mask reveals the real drone and a click tilts the page into 3D.
  2. Film Develop Upload by Yanis Lebzar — A file upload interaction for a personal CMS, built with motion.dev and Three.js shaders, where a dropped cover photo develops from black and white into colour like a film print.
  3. Custom Web Framework by Aristide Benoist — Website sections running on a creative development framework written from scratch in Rust and JavaScript, where a timing engine and a WebGPU mirror make painting galleries twist and bulge.
  4. glimm Spreadsheet Transition by Noman Ijaz — A shader transition from glimm, the React and Next.js library, where a single WebGL band of blurred light sweeps up an empty spreadsheet and leaves it filled with AI-generated deals.
  5. INITIĀLIS by Azlen Elza — An open-source drop cap generator in WebGL that composes endless illuminated initials from a letter, a frame, an ornament, a texture and inks, free to use on any website.
  6. Gliding Over Punjab by Vignesh — A 3D web playground built with Three.js to daydream in, following a bird as it glides over the mustard fields and canals of Punjab while its coordinates tick beneath it.
  7. WebGPU Morphing Engine by Aristide Benoist — A WebGPU morphing engine for page transitions, written into a custom Rust framework, where glyphs, numbers and outlines melt into one another through chromatic post-processing.
  8. Ink Bloom by Lorenzo Cabra — An interactive WebGL image slider for Bencho, a library of live UI blocks, where the next photo blooms from the pressed point like ink in water behind a bent, lens-like rim.
  9. Tumbling Glass Disc by Szymon Pasternak — A 3D render from a browser ray tracing tool built on Three.js, where a spectral path tracer on WebGPU follows violet light through a glass disc as it tumbles in a smooth loop.
  10. Mochi Tear by Toi Nagasawa — A soft body experiment in Three.js, where a black blob stretches like dough under the cursor and tears, 349 particles held by elastic bonds and drawn as one smooth silhouette.
  11. Violet Glass Discs by Szymon Pasternak — A browser render from a spectral path tracer built on Three.js and WebGPU, glass discs cascading in violet light, real refraction with an AI denoiser and procedural scratches.
  12. Gionatan Nese Portfolio by Gionatan Nese — A portfolio website built with GSAP and Three.js, where a chrome blob with a face floats through serif chapters and smears the headline as it passes, a GSAP Site of the Week.
  13. Grids in Motion by Corentin Bernadou — Image grid transitions in WebGL, Three.js and GSAP for a fashion gallery, where a single set of photographs rebuilds itself from a 3D fan to columns, a frame and a collage without a cut.
  14. OpenPurpose WebGL Showcase by Paul Soulhiard — An interactive WebGL portfolio for the studio OpenPurpose, translating its circular branding into a sphere of project screenshots that opens into a tunnel of tiles flying past.
  15. Native WebGPU Renderer by Aristide Benoist — A website framework rendered entirely in native WebGPU with a Rust back end and still readable by search engines, its page transitions folding layouts into a spinning fan of images.
  16. WebGPU Type Explorations by Aristide Benoist — Kinetic typography experiments in WebGPU, research for upcoming projects with Brijan Powell, where dates, a Latin inscription and heavy wordmarks warp, fold and smear in real time.

Featuring work by

Aristide Benoist, Szymon Pasternak, Zsolt Kacso, Yanis Lebzar, Noman Ijaz, Azlen Elza, Vignesh, Lorenzo Cabra, Toi Nagasawa, Gionatan Nese, Corentin Bernadou, Paul Soulhiard.

Related topics

Browse by category

Topics