Bring every scene to life
ShapeBox includes a full keyframe timeline, skeletal rigging, and blend-shape animation system — everything you need to animate characters, UI, and environmental effects.
Keyframe timeline
Drag, stretch, and ease keyframes on a familiar timeline that works like professional DCC software.
Skeletal rigging
Rig characters with a bone hierarchy, inverse kinematics, and weight painting — all inside the browser.
Blend shapes
Create morph targets for facial expressions, UI deformations, or smooth shape transitions.
Curve editor
Fine-tune every animation with a bezier curve editor for pixel-perfect easing.
Animation clips & blending
Layer and blend animation clips at runtime with a built-in state machine for interactive characters.
glTF animation export
Export animations as standard glTF 2.0 for use in Three.js, Babylon.js, Unity, or any modern runtime.
A timeline that works the way you think
Drag, stretch, and ease keyframes on a familiar multi-track timeline. Bezier curve handles give you pixel-perfect control over every in and out — just like professional DCC software, but running entirely in your browser.
Start animatingRig any character without leaving the browser
Build a bone hierarchy, paint weight maps, and set up inverse kinematics all in one place. Whether you're rigging a humanoid character or a mechanical arm, ShapeBox keeps the workflow fast and visual.
Explore riggingInteractive characters without writing code
Create named animation clips, blend between them at runtime, and wire up transitions with a built-in state machine. Export the whole thing as standard glTF 2.0 — compatible with Three.js, Babylon.js, Unity, and beyond.
See clip system