
ExodeUI is an interactive UI and motion design tool that allows users to create dynamic interfaces with advanced features like springs, physics, and state machines. It offers a unique approach where the designed output is the exact component that ships, eliminating the need for separate development tickets or rebuilds.Vector Design Capabilities: Features auto layout, breakpoints, vector design tools, and import options for Figma, SVG, and CSS.Animation Features: Includes timelines, springs, shape morphing, bones, motion paths, and text effects for creating sophisticated animations.Logic and State Management: Offers visual state machines, node logic, variables, data binding, and interaction presets for building interactive elements.Physics Engine: Integrates real-time physics, including drag, momentum, collisions, constraints, and cloth/particle effects directly within the design canvas.Cross-Platform Compatibility: Designs can be shipped as single components to various runtimes including React, Vue, Svelte, Angular, Solid, React Native, Flutter, SwiftUI, and JavaScript.AI Integration: Features an MCP server that connects with AI agents like Claude Code and Cursor, providing them with 131 tools to build, animate, and add logic to designs within the live editor.Open File Format: Uses an open JSON file format (.exode) that is readable, diffable in git, and ensures users are not locked into the platform.Production Ready: Exports can be published as live links, HTML, or integrated directly into applications via npm packages, Swift Package Manager, and pub.dev.Collaboration and Workflow: Supports importing from Figma via a plugin and offers a VS Code extension for seamless integration into developer workflows.ExodeUI aims to bridge the gap between design and development, enabling designers to create highly interactive and animated UIs that are production-ready with minimal friction.
Built with