Language简体中文
类别：运动设计软件
适用于产品团队的运动设计软件
定义动作令牌，编排多元素编排，并交付开发人员可以投入生产的交互式组件。这是人们实际使用的界面的动态设计，而不是它的渲染视频。
What is 适用于产品团队的运动设计软件 in ExodeUI?
产品运动设计软件是团队定义、测试和交付软件界面运动的地方：转换、微交互、加载状态以及将它们联系在一起的时序。 ExodeUI是产品UI的动效设计软件，不是视频工具。该运动存在于一个开放的 .exode 文件中，其中包含运动标记、弹簧曲线和状态机，并通过运行时在应用程序内回放。如果您正在寻找视频和广播运动，那就是运动图形软件和不同类别的工具。
核心架构
为什么工程师和设计师选择 ExodeUI
Design, logic and motion in one file that runs inside your app.
运动设计代币
将弹簧参数和缓动曲线导出为针对 Tailwind CSS、CSS 变量或主题 UI 格式化的可重用设计标记。
交错编排
通过自动交错偏移和层次结构排序来协调多元素进入和退出转换。
运动规格检查器
开发人员可以单击任何元素以干净的代码表示法检查弹簧常数（刚度、阻尼、质量）、持续时间和触发标准。
无障碍减少运动
对首选减少运动媒体查询的内置支持可确保所有用户都能完全访问您的产品。
客观评价
ExodeUI 相比如何 Video Motion Design Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- 专为交互式软件界面而设计
- 输出设计标记和代码，而不是渲染平面视频
- 实时计算原生弹簧物理
- 在视觉画布和代码实现之间保持 1:1 的平衡
Video Motion Design Tools
- 专为广播视频、电视广告和电影标题序列而设计
- 不了解 DOM 元素、组件树或响应式布局
- 工程师必须关注时机并猜测缓和曲线
- 对用户交互或反应状态的零支持
开发者交接
在您的代码中使用它
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
从 'exodeui' 导入 { ExodeUICanvas }；
// 弹簧、状态和计时位于 .exode 文件中（设计于
// 编辑器）。您的代码传递输入并听取事件返回。
导出函数 StaggeredList({ items }) {
返回（
<ExodeUI画布
src="/list_entrance.bexode"
输入={{项目}}
onTrigger={(name) => console.log('ExodeUI 事件：', name)}
/>
）；
}Topic Cluster Network
探索互联概念和工具
有疑问吗？
常见问题解答
通过真实的运动构建生命组件。
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.