Framer Motion 速查
共 25 条Framer Motion 速查常用内容，涵盖基础、过渡参数、手势、变体与编排、进阶。 支持搜索与分类筛选，点击即可复制。
基础
React 动画库（v11+ 包名亦有 motion）。
| 命令 | 说明 |
|---|---|
| 安装 | |
| 引入 | |
| 动画到目标值 | |
| 初始状态 | |
| 退出状态 |
过渡参数
控制时间与曲线。
| 命令 | 说明 |
|---|---|
| 时长 | |
| 缓动 | |
| 循环 | |
| 弹簧 | |
| 延迟 |
手势
悬停、点按与拖拽。
| 命令 | 说明 |
|---|---|
| 悬停 | |
| 点按 | |
| 拖拽 | |
| 进入视口 | |
| 事件回调 |
变体与编排
用 variants 组织状态。
| 命令 | 说明 |
|---|---|
| 定义变体 | |
| 使用变体名 | |
| 子元素错峰 | |
| 进出场 | |
| 布局动画 |
进阶
滚动与手写 Hook。
| 命令 | 说明 |
|---|---|
| 滚动联动 | |
| 值驱动 | |
| 命令式动画 | |
| 体积优化 | |
| 跨框架 |
相关工具
ACTIX
Actix Web 速查
#[get] / web::Path / HttpResponse / wrap 速查
AXUM
Axum 速查
Router / Path / Json / State / with_state 速查
QK
Quarkus 速查
quarkus:dev / @Path / @ConfigProperty / Panache 速查
SYM
Symfony 速查
bin/console / #[Route] / Doctrine / Twig 速查
PHX
Phoenix 速查
mix phx.new / router / Ecto / LiveView 速查
TOR
Tornado 速查
RequestHandler / async / IOLoop / WebSocket 速查