模板

Tailwind Motion Skill

苹果级别微交互与弹性动效规范,结合 Framer Motion 与现代 Tailwind CSS 快速搭建丝滑触感。

  • 出品方Motion
  • 许可证MIT
  • 核实情况CopyAI 实测

纯前端库,不涉及账号与付费。

安装

npm install motion
需要 Node.js

需要已有 npm 项目

命令只做展示,平台不会替你执行。粘贴前先看清风险标签。

起手提示词

为卡片列表注入微小悬浮缩放 (scale-102)、基于物理弹簧的退出过渡以及 layoutId 平滑位置补间。

适合谁用

追求极致产品手感、拒绝粗糙生硬交互的设计师与前端开发者。

兼容平台

  • 可用 · React ↗
  • 可用 · Vanilla JS

用到它的案例

来源

官方网站 ↗ · 代码仓库 ↗