Box2d pipeline Passing with 0 jobs.
Portable vector interface framework
A versatile family of
vector-driven modules.
Build expressive graphical interfaces across domains with composable tools for layout, motion, simulation, and rendering—then carry the same vector-driven ideas wherever the work needs to live.
Versytl /ˈvɜːrsətl/ — pronounced “versatile.”
Built with @versytl/core and animated by @versytl/tween.
One model, purposeful layers
A framework made
of smaller, useful parts.
Start with a scene and a renderer. Add layout, controls, motion, or simulation only when the interface calls for them.
- 01@versytl/scene
Describe meaning
Stable scene nodes preserve identity, transforms, paint, text, and application semantics.
- 02adapters
Compose behavior
Bring in geometry, graphical controls, deterministic motion, and physics as independent layers.
- 03renderers
Choose the surface
Render the same scene through browser-native SVG or a portable CTX target—with room for what comes next.
Explore how Versytl
Small systems.
One visual language.
Every panel is a real Shipkit card containing a small scene. Together they show how the framework’s focused libraries compose without collapsing into one inseparable engine.
Built to stay understandable
Portable by structure.
Expressive by design.
The document is more than a picture.
Semantic components travel with the artwork, preserving the facts an application needs.
Engines stay in their own lanes.
Renderers render. Layout calculates geometry. Physics simulates. Applications remain in control.
What you see remains yours.
Open formats and visible controls make graphical applications easier to understand, edit, and carry forward.