design-infraReport a problem or share feedback← Catalog
Watch movement · Anatomy
curatedfreeanatomy/watch
Interactive isometric SVG explainer for watch movement. Reuse the Watch component from anatomy-figures/watch in docs, articles and technical feature sections.
$
pnpm add anatomy-figuresnpm deps: react, react-dom
Our notes
Import Watch from "anatomy-figures/watch" (default export). MIT; React 18+. Its --anatomy-* tokens need mapping to your project's theme. Isometric does not imply freely rotating 3D. Live interaction is on the source site; our thumbnail is a still screenshot.- Source
- Anatomy
- Kind
- component
- Categories
- illustration, 3d
- Use as
- drop-in — replaces your component
- Applies to
- illustration3d
- Motion
- on loop, state · medium · svg + js · medium cost
- Tags
- isometric, interactive, explainer, diagram, svg, docs, education, anatomy-figures, Watch, svg
- Licence
- MIT — Copyright (c) 2026 Ryan; skill and anatomy-figures have separate MIT repositories.
- Live demo
- skills.wheresryan.sh
- Docs
- skills.wheresryan.sh
Similar
Compare all 4 →- Box model · Anatomyanatomy/box-modelImport BoxModel from "anatomy-figures/box-model" (default export). MIT; React 18+. Its --anatomy-* tokens need mapping to your project's theme. Isometric does not imply freely rotating 3D. Live interaction is on the source site; our thumbnail is a still screenshot.
- Debounce and throttle · Anatomyanatomy/debounceImport Debounce from "anatomy-figures/debounce" (default export). MIT; React 18+. Its --anatomy-* tokens need mapping to your project's theme. Isometric does not imply freely rotating 3D. Live interaction is on the source site; our thumbnail is a still screenshot.
- Hash map collisions · Anatomyanatomy/hash-mapImport HashMap from "anatomy-figures/hash-map" (default export). MIT; React 18+. Its --anatomy-* tokens need mapping to your project's theme. Isometric does not imply freely rotating 3D. Live interaction is on the source site; our thumbnail is a still screenshot.