Libraries / L24 · Library · 3D / R3F

anatomy

Exploded views for three.js and React Three Fiber

Parts: 6
Labels showing: 0

Labelled parts

The cap comes off first, then the rest spread along the pen; each label appears once its part is clear. Concept visual: a pen built in code.

Explode60%

Direction

Along the penRadial

Distance1.1

Stagger0.5

Reduced motion

<Anatomy progress={() => scrollProgress} mode="axis" axis={[1, 0, 0]} distance={1.4} stagger={0.5}>
  <primitive object={gltf.scene} />  {/* children named, labels in userData.label */}
</Anatomy>

Loading the demo.

About anatomy

Category: 3D / R3F
Status: built
Build order: 10 · gate P3
Effort: M
Depends on: dolly

Use it

pnpm add @quartifex/anatomy

Not on npm yet: the first release is pending. The quickstart, API table, browser support and limitations are in the README.

Demo

Labelled parts

About anatomy

Use it

Labelled parts