mesh3d - render #004

Skeleton Fluid Reveal | Codrops

Skeleton Fluid Reveal is a Codrops tutorial demo by Cullens Motel that mixes two 3D scenes with a fluid mask. Rows of smooth, pale blue heads and shoulders stand in a dark blue space, softly lit like figures in fog. Moving the cursor stirs an inky fluid across the screen, and wherever it flows, the second scene shows through: the same figures as skeletons, with skulls and spines in place of skin. The demo uses Three.js on WebGPU, with the reveal and post-processing written in TSL, and the tutorial explains how the two scenes are combined.

Pip boy radio

Fallout Radio is a personal project that brings radio stations from the Fallout games to the web. The experience features a wasteland-inspired looping background and a toon-style 3D model of a Pip-Boy that works as the main device and interface for the user. Radio stations can be changed interacting with the Pip-Boy (Model 3000) gear. Users can also customize the Pip-Boy color theme as seen in game. The scene has been brightly lit to be consistent with the wasteland background in daylight.

hexagon Ball

Hexagon Ball is a short demo by yufengjie that shows how to use Blender's Geometry Nodes to tell hexagon faces apart, then apply materials and animations to them with the Three.js TSL node system. The result is a sphere covered in glossy hexagonal tiles in blue, violet and magenta, set against a soft blue gradient. Groups of tiles lift away from the surface and fan out in waves around the edge, then settle back into place. You can drag to turn the ball and move the cursor to affect the tiles. It runs on WebGPU.

Botanics

Botanics is an experiment by Sujen Phea, part of the series of small studies on his portfolio. A round island of blue-green grass sits in the dark, lit from above by soft beams of light with specks of dust drifting through them. On the island stand a bare, twisting tree, a small stone figure, a mossy rock and a stack of flat stones, with tiny white flowers scattered through the grass. You can drag to orbit the scene and scroll to move the camera closer. It's built with Three.js and detailed 3D models, which makes it a heavier page than his other studies.

False Earth by Ming Jyun Hung

False Earth is an experiment by Ming Jyun Hung, presented as a move from WebGL limits to a world driven by WebGPU. An astronaut in an orange suit and white helmet walks through a vast field of long blue-grey grass under a black sky full of stars. The grass bends and ripples in waves around the figure, catching light along its blades as the wind passes over the hills. Scrolling and moving the cursor shift the camera around the astronaut. It's built with Three.js on WebGPU, with detailed 3D models, and it's a heavy page at close to 60 MB.

Dithering Shader Demo

Dithering Shader Demo by Niccolò Fanton is an example of a dithering shader applied to a 3D model. A medieval knight's helmet with a hinged visor and engraved patterns turns on a plain white background. The shader renders it in pure black and white dots, so its shading and polished metal look like an old print or an early computer screen. You drag to orbit around the helmet and watch the dot pattern change as the light moves across its surface. It's a small, focused demo built with Three.js in WebGL2, with a retro, illustrated look.

Vertex3D — Immersive WebGL Experience Studio

Vertex3D is a studio specializing in WebGL, real-time 3D and strategic UX for interactive products, digital twins and brand projects, run by Yann Trévelot. Its site is set in a dusky desert canyon, where a white modernist house sits on a rock among a field of glowing pink particles. A teal ribbon of light curls over the cliffs, and the camera circles the house as you scroll. Later, a red particle sphere on the roof marks the "Trusted by industry leaders" section. It's built in WebGL with particles, noise and custom shaders, on Webflow with GSAP and Lenis.

Ming Jyun Hung | Creative Technologist

Ming Jyun Hung is a creative technologist and technical artist specializing in interactive installations and high-end web work. He blends real-time technology with design to build responsive environments that create a shared sense of presence between the audience and the work, collaborating with exhibitions, brands and digital platforms across Japan and Taiwan. His portfolio opens on a dark scene of pale green succulents floating among swirling silver strands and particles, which react to cursor and drag. It's built with Three.js on Next.js, with custom shaders and simulation.

Shukur | Built for Service. Powered by Recognition. Rate. Tip. Pay. Unified.

Shukur is a platform built to serve those who serve others, bringing rating, tipping and payments together, with the promise of real recognition, real banking and real inclusion. Its launch site starts above the clouds and descends onto a pastel future city of white towers, palm trees and a calm, reflective sea. As you scroll, the camera stops at landmarks such as a Bank tower and a Brew Time café, where panels explain features like Reputation Management, Instant Feedback, Financial Access and Personalized Gratuity. It's built on Webflow with Three.js and GSAP.

KVS | Creative Studio & Web Development

KVS is the site of KVS Studio, a creative and web development team, and it presents the studio's design philosophy, its attention to detail and the thinking behind each project. The hero is a black-and-white scene with the KVS letters rebuilt as spiky, chrome-like 3D forms, broken up by small orange pixel glitches. Scrolling moves into grainy monochrome shots, such as a laptop on a desk in striped window light, with a thin ticker of text running across the frame. Three.js renders the chrome type with custom shaders and noise, and Lenis handles the smooth scroll.

mat4folio

mat4folio is the 3D portfolio of the studio mat4, built with Next.js and Three.js. It opens in a dark, rocky space where the glowing white M logo hovers above the ground, before the camera pulls back into a black room lined with a dotted grid. Project panels hang on the walls around you, among them The Creepy Maze and a purple typographic title card, and you drag to look around and pick one. Another scene draws a hooded jacket out of white points on deep blue. Custom shaders, noise and post-processing give the scenes their soft, photographic lighting.

Web Rewind

Web Rewind by Opera is an interactive journey through 30 years of the web. It opens on a chunky 3D cassette labelled History of the Web, Vol. 1: The Early Years, with a big Web Rewind logo, a striped retro label and small stickers such as HTML & CSS. You drag to turn the tape around in a dark space crossed by thin orbit lines, then play it to move through the eras of the web, from early pages onward. The retro Y2K styling runs through the type and props, like a mixtape for the internet. It's built with Three.js, custom shaders and post-processing.