design-infraReport a problem or share feedback← Catalog
Forge and hammer · Anatomy
freeanatomy/forge
Interactive isometric SVG explainer for forge and hammer. Reuse the Forge component from anatomy-figures/forge in docs, articles and technical feature sections.
$
pnpm add anatomy-figuresnpm deps: react, react-dom
Our notes
Import Forge from "anatomy-figures/forge" (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 + webgl + js · high cost
- Tags
- isometric, interactive, explainer, diagram, svg, docs, education, anatomy-figures, Forge, webgl
- 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 →- Afterburner · Anatomyanatomy/afterburnerImport Afterburner from "anatomy-figures/afterburner" (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.
- Foundry pour · Anatomyanatomy/foundryImport Foundry from "anatomy-figures/foundry" (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.
- Glory hole · Anatomyanatomy/glass-furnaceImport GlassFurnace from "anatomy-figures/glass-furnace" (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.