Skip to main content

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.

Try for free

Watch the demoFree plan · No card needed · Mac, Windows & web

kip.exode Open in ExodeUI

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.

  1. “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.

  2. “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.

  3. “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.

kip.exode
  1. Any AI
  2. Designer
  3. Developer
Open in ExodeUI ↗

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.

1 · Prompt

✦ 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 file
  • add_custom_effectbuilds Controls
  • preview_frameschecks how it moves
  • Synced to your editor.
2 · One file
controls.exodeone file · 8 KB
3 · Every platform
  • Web
  • iOS
  • Android
  • Flutter
  • React Native
  • SwiftUI
Live · try the toggle and slider Open in ExodeUI

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.

All three, live in the same file, at the same time

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.

Play
Data-driven UIBars that spring to whatever numbers your code passes in.
Open in ExodeUI

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.

Click the fields
Login guardKip follows your typing and covers its eyes for the password. Open in ExodeUI
Play
Star ratingEvery star changes Kip’s mood, from heartbroken to thrilled. Open in ExodeUI
Play
Dress upA character customiser with hats, colours and shuffle. Open in ExodeUI
Play
404 flashlightA lost page in the dark. Find Kip with your cursor. Open in ExodeUI

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.

How the MCP works

Desktop app

Get ExodeUI on your desktop.

The same editor and the same files as the browser, as a native app.

macOSApple Silicon (M1 or newer) · .dmg Download for MacVersion 7.5.0
Windows64-bit installer · .exe Download for WindowsVersion 7.5.0
WebNothing to install · Intel Macs, Linux, ChromebooksTry for free in your browser Always the latest

Pricing

Start building.

Choose a plan that fits your journey.

Community

$0free forever

Explore ExodeUI and build your first interactive experience.

Try for free
Professional

$29per user / month, billed yearly · $39 monthly

Private projects and production exports.

View plans
For teams

Let's talkcustom plan, yearly contract

Custom workflows, onboarding and dedicated support.

Talk to us

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.

Try for free Watch the demo

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.

ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →