LanguageEnglish
Category: Living Interface Architecture
Interactive UI Design Tool for Living Software
The era of drawing static rectangles and calling it interface design is over. Design living software that responds to gestures, respects physics, and communicates clearly.
What is Interactive UI in ExodeUI?
Interactive UI design is the discipline of creating user interfaces that behave like tactile, physical systems rather than static pictures. ExodeUI is an interactive UI design engine that replaces static canvas frames with responsive, stateful, and physics-driven UI elements that ship directly to production software.
Core Architecture
Why Engineers & Designers Choose ExodeUI
Design, logic and motion in one file that runs inside your app.
Living Canvas Architecture
Interact with your buttons, modals, and sliders directly on the canvas as you build them. No need to trigger a separate prototype mode.
Visual Logic Nodes
Connect events (click, drag, hover) to conditions and state transitions without wrestling with complex imperative code.
Multi-State Components
Design comprehensive component states (default, hover, focus, active, loading, error, success) with seamless spring interpolation.
Direct Developer Alignment
Designers think in visual states; developers think in state machines. ExodeUI speaks both languages fluently.
Objective Evaluation
How ExodeUI Compares to Static Wireframing Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- Components are live and interactive right on the drawing canvas
- Simulates real operating system springs, touches, and gestures
- Guarantees zero UI bugs caused by state synchronization errors
- Exports production code that matches 100% of the visual design
Static Wireframing Tools
- Draws inert 2D vector shapes with no concept of time or logic
- Prototypes feel sluggish and lack realistic physical response
- Cannot handle realistic dynamic data or complex state branching
- Leaves developers guessing on transition speeds and physical feel
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 LivingAuthButton() {
return (
<ExodeUICanvas
src="/living_auth_button.bexode"
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.