Three Graces — Three.js design concept

Name: Three Graces — Three.js design concept
Uploaded: 2026-10-09T03:06:14.802+00:00
Duration: 45 s
Channel: Anderson Mancini
Description: A screen recording of a WebGL landing page built in Three.js. A dark 3D marble statue is lit by a roaming light, and scrolling flies the camera through close-ups of each of the three figures before returning to the hero.

Anderson Mancini - Threejs Creative Developer @AndersonMancini

Screen recording demo · Dark UI · Serif type · 45s

Length

45.0s

Beats

14· 0 hard cuts

Pace

18.7/min

Avg beat

3.2s

A screen recording of a WebGL landing page built in Three.js. A dark 3D marble statue is lit by a roaming light, and scrolling flies the camera through close-ups of each of the three figures before returning to the hero.

Product demoDark UISerif typeMonochromeCinematicPhotorealParallaxSlow and deliberateMusic-ledCreative studioDesign tools

Cut map — 14 beatsNo hard cuts · Click a beat to jump

00s05s10s15s20s25s30s35s40s45s

The breakdown — 11 sheetsMembers only

Loading the breakdown

Custom film

Want a film like this, made for you?

Framebox is the studio behind Cutmap. Send us this breakdown and your product, and we’ll quote for an original film built on the same structure.

Get a quote ↗

Anderson Mancini (Three.js code); original design on Dribbble; GLTF model by 3DLadnik (CC-BY-4.0, Sketchfab) · Watch the original ↗ · Measurements and analysis by Cutmap.

Related filmsMore screen recording demo →