Hi everyone,
I’d like to share Somakine, an open-source TypeScript framework and interactive anatomy viewer built with Three.js.
Live demo: Somakine · The open body framework
Source code: GitHub - ivershuo/somakine: The open body framework. · GitHub
The Playground uses real BodyParts3D 4.0 musculoskeletal geometry. You can:
- rotate, pan, or move the scene
- toggle anatomical layers such as bones, muscles, joints, ligaments, and tendons
- filter by anatomical region
- select and focus individual structures
- inspect side-aware semantic selections
- switch labels between English and Chinese
- generate TypeScript, React, or Vue integration code from the current scene
The project is split into a few reusable layers:
- a data layer for canonical anatomy IDs, relationships, labels, and coverage
- data packs with explicit asset provenance and licensing
- a Three.js viewer for loading, picking, selection, styling, camera fitting, and transforms
- framework integrations for React and Vue
I built Somakine because anatomy applications often end up reimplementing identity, relationships, geometry loading, and provenance separately. The goal is to make that “body layer” reusable while leaving the actual product experience to the host application.
Thanks for taking a look!