ExodeUIExodeUI
Open studio
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Download for macOSv7.1.7 · Apple Silicon (.dmg)Download for Windowsv7.1.7 · 64-bit (.exe)

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

Prefer the browser? Open web studio →

Motion Knowledge Hub

Master Interactive UI Motion

Comprehensive, production-grade guides on physics-driven animation, finite state machines, and design-to-code architecture. Free for designers, developers, and product teams.

Track 01

UI Motion Fundamentals

9 min read·UI Motion Fundamentals

What Is UI Animation? Principles, Patterns & Production

A complete guide to UI animation: what it is, the 12 core motion principles for digital interfaces, when and how to use it for engagement and usability.

What Is Spring Animation?Micro-Interactions GuideInteractive ExamplesUI Animation Tool
Read Guide
7 min read·Interaction Design

Micro-Interactions: The Architecture of Responsive UI

Master micro-interactions in UI design. Learn the anatomy of a micro-interaction, trigger, rules, feedback, and loop patterns with interactive code examples.

UI Animation FundamentalsState Machine UI GuideInteractive UI Design ToolInteractive Examples
Read Guide
Track 02

Physics & Dynamics

8 min read·Physics-Based Motion

Spring Animation: The Physics of Natural UI Motion

Learn how spring animation works in UI design. Understand stiffness, damping, mass, and velocity. Build natural physics-based animations for React and SwiftUI.

UI Animation FundamentalsState Machine UIInteractive Animation ToolDesign to Code
Read Guide
Track 03

Logic Architecture

11 min read·Logic Architecture

State Machine UI: Building Deterministic, Bug-Free Interfaces

Learn how visual state machines eliminate impossible UI states, simplify complex interactive components, and create deterministic, bug-free interfaces in React.

Micro-InteractionsInteractive UI DesignExodeUI vs Rive (State Machines)Interactive Examples
Read Guide
Track 04

Engineering Workflow

10 min read·Engineering Workflow

Design to Code: Eliminating the Handoff Translation Tax

Learn how modern design-to-code workflows eliminate the costly translation tax between designers and developers. Explore automated code output, open formats, and AI-ready pipelines.

Design to Code ToolExodeUI vs Figma MotionReact DocumentationExodeUI vs LottieFiles
Read Guide

Put theory into practice.

Open ExodeUI Studio to author real physics and visual state machines without writing lines of boilerplate code.

Open Canvas Studio