Like Rive, plus layout, physics and data
The Rive alternative for real interfaces.
Bones, state machines, data binding, games and HUDs, like Rive. Plus responsive layout, scripting, live APIs and one open file your AI can edit.
Watch the demoFree plan · No card needed · Mac, Windows & web
Your turn: pick a feature
Native vector shapes: change colour, hats and glasses. Every part is an editable layer.
{ skin: 0, hat: 0 }one file · web, iOS, Android, Flutter
Coming from Rive?
Keep what you love. Lose the headaches.
“Of all the software I learned, Rive is by far the hardest.”
A VFX artist, 14 years in · r/Rive_app In ExodeUI
Start fast
Describe it and the built-in AI builds a first version, or start from a template.
“The constant updates makes me uncertain that what was working last week won’t break completely…”
A daily Rive user · r/Rive_app In ExodeUI
Branches and history
Commits and branches live in the editor. The file is JSON you can diff in git.
“Almost as if the LLM is not properly ‘seeing’ what its making.”
On Rive’s MCP · r/Rive_app In ExodeUI
An MCP that sees
Claude Code and Cursor render frames of the file, so the agent checks its own motion.
Same as Rive
- ✓Timelines & easing
- ✓State machines
- ✓Bones & rigging
- ✓Data binding & events
- ✓Scripting (JavaScript)
- ✓Native runtimes
ExodeUI adds
Breakpoints & screens
Auto layout and multi-screen projects in one file.
ExodeUI adds
Physics engine
Gravity, collisions and attractors, live in the file.
ExodeUI adds
Logic nodes
Visual logic and expressions on top of the state machine.
ExodeUI adds
Live API variables
Fetch any JSON endpoint and bind it to text and numbers.
The editor · try it
AI generates. You refine. Ship everywhere.
Ask the agent, change anything by hand, then ship the same file to web, iOS and Android.
Drag to move · corners to scale · top knob to rotate
{} Developer
App.jsximport { ExodeUICanvas } from 'exodeui';
<ExodeUICanvas
src="/kip.bexode"
inputs={{}}
onTrigger={(name) => log(name)}
/>One file runs in
- React
- SwiftUI
- Flutter
- Vue
- Svelte
- Angular
- Solid
- React Native
- JavaScript
Prompt to production
From prompt to production.
Your AI writes one .exode file. That same file runs in your product on every platform, with nothing rebuilt.
✦ Claude Code · over MCP
Make a light control with a springy toggle, a brightness slider and a like button.
get_live_editor_statereads your open fileadd_custom_effectbuilds Controlspreview_frameschecks how it moves- Synced to your editor.
- Web
- iOS
- Android
- Flutter
- React Native
- SwiftUI
One file, three languages
Create. Build. Ship together.
.exode is the atom everything orbits. The AI, the designer and the developer each work in their own language, and every change lands in the same file.
Example experiences
Explore what you can create.
Every card is a live file. Hover or tap to play it, then open it in the editor.
Kip’s app moments
Steal these moments. Make them yours.
Login, rating, 404, night mode and more, each one small file. Play with one, then open it in the editor and make it your own.
Built for code and for agents
One file your code and your AI understand.
For developers
Drop it in. Drive it with your data.
One component and one small file. Pass inputs from your code, listen for events back. React, Vue, Svelte, Angular, Solid, React Native, Flutter and SwiftUI.
// npm i exodeui import { ExodeUICanvas } from 'exodeui'; <ExodeUICanvas src="/files/live-bars.bexode" inputs={{ values: weekly.join(',') }} onTrigger={(name) => analytics.track(name)} />Read the docs
For AI agents
Your agent builds it. You refine it.
Turn on MCP in ExodeUI settings and connect Claude Code, Cursor or any MCP client. The agent edits the same file you see in the editor, live.
youAdd a like button that bursts into sparks.
✓get_live_editor_stateControls
✓add_custom_effectlike burst
✓preview_frames3 frames checked
Done. It is live in your editor.
Desktop app
Get ExodeUI on your desktop.
The same editor and the same files as the browser, as a native app.
Pricing
Start building.
Choose a plan that fits your journey.
$29per user / month, billed yearly · $39 monthly
Private projects and production exports.
View plansLet's talkcustom plan, yearly contract
Custom workflows, onboarding and dedicated support.
Straight answers
Questions, answered.
Still curious? See pricing or read the docs. Made for marketing teams, founders, agencies and product teams.
Is ExodeUI a Rive alternative?
Yes, for product UI. Like Rive you get timelines, state machines and bones; ExodeUI adds full UI layout with breakpoints, a physics engine, node logic and an open JSON file format.
Do I need to code?
No. You design, animate and add logic on a canvas. Code is optional — for when your developers want to drive it.
Will my developers accept it?
They get one component and one small file. It renders exactly what you designed, and they can drive its inputs from their own code.
Can I bring my Figma work?
Yes. Import your frames with the ExodeUI Figma plugin, then make them move and think.
Does it work with my website?
Publish a live link, export HTML, or drop the component into React, Vue, Svelte, Angular, Solid, Flutter, SwiftUI or React Native.
Am I locked in?
No. .exode is open JSON — readable, diffable in git, and yours. .bexode is just the compiled version you ship.
Is ExodeUI a Lottie alternative?
Lottie plays back an After Effects animation. An Exode file is interactive: it reacts to taps, drags, data and state — and you can convert Lottie files through the MCP server.
Does ExodeUI have an MCP server for Claude Code and Cursor?
Yes. Switch MCP on in ExodeUI settings and connect Claude Code, Cursor, OpenCode or any MCP client. Agents get tools to build, animate, add logic and physics, and sync to the live editor.
Is there a desktop app?
Yes. ExodeUI runs in the browser and as a desktop app for Mac and Windows, with the same files in both.
What does it cost?
The Community plan is free forever. Professional is $29 per month (billed yearly) when you need private projects and production exports.
The next generation of interfaces
Make your next
interface interactive.
Free plan · No card needed · Mac, Windows & web
Meet Kip. Move your cursor and Kip hops after it, showing anticipation, stretch and squash. Click for a flip.




