Ant Motion

Ant Motion

为 React 页面快速构建连贯动效通过动效语言、React 组件和完整示例,为 Ant Design 页面提供单体动画、组合动画与完整动画解决方案,并展示联动、轮播、元素飘落、标志聚合、表格增删和列表进场等效果。

Ant Motion 页面快照
3
动画解决方案类型
6
首页展示动效案例
核心能力

从动效规范到 React 组件实现

结合基础动效语言、组件文档、API 与可运行案例,了解并实现页面动画效果。

基础动效语言

提供基础动画规范,帮助理解页面动效的设计与使用方式。

React 动画组件

使用 React 组件实现动画,可为基于 Ant Design 构建的页面加入动效。

多层次动画方案

覆盖单体动画、组合动画和完整动画三类解决方案。

组件 API 文档

提供 TweenOne 等组件的使用说明与 API 查询入口。

动效案例展厅

展示联动、3D 轮播、元素飘落、标志聚合、表格增删和列表动画案例。

队列进场动画

通过 QueueAnim 设置延迟与元素顺序,实现多个内容块依次进入页面。

学习资源

文档、案例与源代码入口

通过基础规范、组件文档、API、案例展厅和代码仓库深入了解 Ant Motion。

Ant Motion

从这里开始使用Ant Motion。