Skip to content
Motion

3D centrepieces

Hero art that moves. Each piece loads only when it nears the viewport, shows a poster until its first frame, and settles into a still frame for reduced motion.

7 items

  • A ring of light bars pulsing around a floating glass box

    Equalizer Ring

    Free

    A crown of light bars pulsing like a visualizer around a floating glass box; bars rise toward the pointer.

    3D · three.js

  • A glossy ribbon twisted into a figure-eight with a light passing along it

    Infinity Ribbon

    Free

    A glossy spectrum ribbon twisted into a figure-eight, with a travelling light pass; it bends toward the pointer.

    3D · three.js

  • A website taken apart into four glass layers, with light rising through them

    Launch Stack

    Free

    A website taken apart into four glass layers: data, logic, design and the live site, with light rising through them.

    3D · three.js

  • A glossy liquid orb in spectrum colours, rippling and changing mood

    Liquid Orb

    Pro

    A living liquid drop for an AI assistant: it listens, thinks and speaks, dents under touch and morphs between shapes.

    3D · WebGL2

  • A logo extruded into a glossy 3D object

    Logo Sculpture

    Pro

    Any SVG logo extruded into a glossy 3D object that builds in, sways at rest and leans toward the pointer.

    3D · three.js

  • A three by three puzzle cube that scrambles and solves itself

    Puzzle Cube

    Pro

    A 3x3x3 puzzle cube that scrambles itself, solves with the exact inverse moves, then celebrates.

    3D · three.js

  • Three orbs trading sparks over scattered pieces, then building them into a mark

    Thinking Orbs

    Pro

    Three orbs think over a cloud of pieces, then beam them into place until your mark stands in pixels.

    3D · three.js

↑ ↓ to move↵ to openesc to close