01 / DESIGN TO DEVELOPMENT
Make the handoff smaller.
Give every state a name, connect the right input, and bring a clear contract into your app.
Documentation / From canvas to code
A little code.
A lot of life.
You made something worth interacting with. Now put it where people are.
Choose your runtime, connect your scene, and keep the good ideas moving.
Feels at home in your stack.
R
React
A familiar component. A whole new feeling.
WEB / REACT SDKJSVanilla JS
No framework? No problem. Start with a canvas.
WEB / JAVASCRIPTVVue
Your scene, with a little reactive magic.
WEB / VUE 3SSvelte
Small components. Expressive interactions.
WEB / SVELTEAAngular
Motion that fits your Angular workflow.
WEB / ANGULARS.Solid
Fine-grained updates. Fluid feedback.
WEB / SOLIDRNReact Native
Native iOS and Android rendering via Skia.
MOBILE / SKIAFFlutter
A WebView bridge to your Flutter app.
MOBILE / FLUTTERSwSwift
A little life for your SwiftUI views.
NATIVE / SWIFTUIYour first living component.
QUICK STARTnpm install exodeuiimport { ExodeUICanvas } from 'exodeui';
export default function App() {
return (
<div style={{ width: 800, height: 600 }}>
<ExodeUICanvas
src="/animations/my-scene.json"
autoPlay={true}
fit="Contain"
alignment="Center"
/>
</div>
);
}Add your exported scene JSON to /public/animations/my-scene.json.Full SDK reference →
02 / CONSIDERATE MOTION
Delight, without the dizziness.
Keep feedback readable, respect reduced motion, and make every interaction work with a keyboard.
EXPLORE HUBS · RECIPES · MIGRATIONS
Recipes, Concepts, & Alternative Comparisons
Migrations & VS
Unpack verifiable feature breakdowns, runtime performance benchmarks, and step-by-step migration paths.
React Recipes & Concepts
Copy-paste runnable code recipes and deep dive into GSAP & Framer Motion-grade motion architecture.
Vue 3 Motion Recipes
Hardware-accelerated transitions, interactive canvas physics, and drag gestures for Vue 3 apps.