tailwindcss-motion

收录理由

大多数 Tailwind 项目最终都会堆一堆手写 keyframes，或者额外挂一个笨重的动画库。tailwindcss-motion 换了个思路：把动画变成工具类，比如滑入加淡出只需 motion-translate-x-in-25 和 motion-opacity-in-0，常用效果还有 motion-preset-fade 这样的预设。它作为普通 Tailwind 插件安装，兼容 ESM 和 CommonJS，自带 TypeScript 类型，并支持通过主题配置自定义缩放比例和缓动函数。这样一来，所有动效逻辑都收进 Tailwind 配置里，不用散落在 CSS 文件中，对设计系统来说非常顺手。配套的浏览器扩展还能让你可视化地制作动画，并导出为 Tailwind 类、纯 CSS 或 Framer Motion 代码，算是个不错的加分项。