LanguageEnglish
Category: Production UI Motion
UI Animation Tool for Interactive Interfaces
Stop handing off videos and static bezier curves. Design responsive, physics-driven UI animations and ship the same file to your app.
What is UI Animation in ExodeUI?
ExodeUI is a UI animation tool engineered specifically for product teams building living software. Unlike tools that output static video or heavy JSON assets, ExodeUI pairs a visual motion canvas with spring physics and state machines, and saves the result as one open .exode file that runtime packages play in React, Vue, Svelte, Angular, Solid, React Native, SwiftUI and Flutter.
Core Architecture
Why Engineers & Designers Choose ExodeUI
Design, logic and motion in one file that runs inside your app.
Real-Time Spring Physics
Replace brittle duration curves with natural stiffness, mass, and damping physics that react fluidly to user velocity.
Visual State Machine Logic
Wire complex hover, active, dragging, and loading states visually without writing thousands of lines of fragile CSS transitions.
Native Production Code Export
Play the same file in React, Vue, Svelte, Angular, Solid, React Native, SwiftUI and Flutter, with inputs and events your code controls.
Continuous Gesture Tracking
First-class drag, fling, pinch, and pointer tracking with continuous momentum and boundary collision detection.
Objective Evaluation
How ExodeUI Compares to Traditional UI Animation Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- One open file runs in eight framework runtimes
- Embedded physics engine with real velocity & momentum
- Visual state machine node graph for branching logic
- Inputs and events your app code controls
Traditional UI Animation Tools
- Outputs static MP4 videos, GIFs, or heavy After Effects JSONs
- Linear time-based keyframes that break when user interrupts interaction
- Developers must manually rebuild every animation curve in code
- Interactive states usually have to be hand-coded around the player
Developer Handoff
Using It in Your Code
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
import { ExodeUICanvas } from 'exodeui';
// Springs, states and timing live in the .exode file (designed in the
// editor). Your code passes inputs in and hears events back.
export function InteractiveButton() {
return (
<ExodeUICanvas
src="/interactive_button.bexode"
inputs={{ pressed }}
onTrigger={(name) => console.log('ExodeUI event:', name)}
/>
);
}Got Questions?
Frequently Asked Questions
Build living components with real motion.
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.