01
App Motion按压缩放按钮
用轻微 scale 和阴影压缩模拟 iOS 原生触感。
主要 CTA、底部操作栏、表单提交。
Creative Brain / App Motion
App 动效按钮库
10 个适合移动 App 和高端产品界面的按钮微交互。动效保持克制、物理、清晰，适合沉淀进设计系统或作为真实产品组件的起点。
ReactTypeScriptTailwind CSSMotion
02
App Motion涟漪反馈按钮
克制涟漪从触点扩散，强调点击确认。
列表操作、支付确认、工具按钮。
03
App Motion磁吸悬停按钮
桌面端靠近时轻微跟随指针，移动端保持普通按压。
官网 App 下载、桌面 Web App 主操作。
04
App Motion发光描边按钮
使用细腻流动描边，避免高饱和霓虹感。
Pro 功能入口、会员升级、AI 生成动作。
05
App Motion液态填充按钮
悬停或按压时柔和填充，像液面从底部抬升。
状态切换、收藏、开始创作。
06
App Motion下载进度按钮
点击后展示下载进度，完成后短暂停留。
下载 App、离线包、素材保存。
07
App Motion成功状态按钮
提交后切换为成功状态，减少页面跳转焦虑。
保存设置、创建成功、授权完成。
08
App Motion长按确认按钮
按住填满进度后才触发，适合高风险操作。
删除、发布、支付、重置数据。
09
App Motion图标滑入按钮
图标从右侧滑入，文字轻微让位，动作清晰不夸张。
进入下一步、打开详情、继续流程。
10
App Motion呼吸光按钮
低频柔光呼吸，用于等待用户注意但不打扰。
语音输入、AI 助手、实时监听。