[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10017":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":34,"lastSyncTime":35,"discoverSource":36},10017,"auto-animate","formkit\u002Fauto-animate","formkit","A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.","https:\u002F\u002Fauto-animate.formkit.com",null,"TypeScript",13837,252,31,37,0,4,7,24,12,81.11,"MIT License",false,"master",[26,27,28,29,30],"animation","javascript","react","ui","vue","2026-06-12 04:00:48","\u003Cimg width=\"300\" height=\"37\" alt=\"AutoAnimate Logo\" src=\"https:\u002F\u002Fcdn.formk.it\u002Fweb-assets\u002Flogo-auto-animate.svg\" >\n\n![Latest Build](https:\u002F\u002Fgithub.com\u002Fformkit\u002Fauto-animate\u002Factions\u002Fworkflows\u002Fmain.yml\u002Fbadge.svg) ![GitHub Sponsors](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fsponsors\u002Fformkit)\n\n# Add motion to your apps with a single line of code.\n\nAutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with Vue, React, Solid or any other JavaScript application.\n\n\u003Ca href=\"https:\u002F\u002Fauto-animate.formkit.com\">\u003Cimg width=\"180\" height=\"42\" src=\"https:\u002F\u002Fcdn.formk.it\u002Fweb-assets\u002Fread-docs-auto-animate-v2.svg\" alt=\"Examples & Docs\">\u003C\u002Fa>\n\nWith one line of code, you can improve your interfaces, for example:\n\n\u003Ca href=\"https:\u002F\u002Fauto-animate.formkit.com\">\n  \u003Cimg src=\"https:\u002F\u002Fcdn.formk.it\u002Fweb-assets\u002Fmotion.gif\" alt=\"Simple example of AutoAnimation motion\">\n\u003C\u002Fa>\n\n## Installation\n\nInstall using your package manager of choice.\n\n```bash\n# yarn\nyarn add @formkit\u002Fauto-animate\n# npm\nnpm install @formkit\u002Fauto-animate\n# pnpm\npnpm add @formkit\u002Fauto-animate\n```\n\nBoom! Done. That was fast! 🐇\n\n## Usage\n\n📖 [View the documentation site for usage instructions](https:\u002F\u002Fauto-animate.formkit.com#usage).\n\n## Examples\n\n📖 [View the documentation site for examples](https:\u002F\u002Fauto-animate.formkit.com#examples).\n\n## Plugins\n\n📖 [View the documentation site for plugin instructions](https:\u002F\u002Fauto-animate.formkit.com#plugins).\n\n## Support us\n\nIs AutoAnimate saving you time?\n\nPlease consider [supporting us with a recurring or one-time donation](https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fformkit)! 🙏\n\n## Contributing\n\nThank you for your willingness to contribute to this free and open source project! When contributing, consider first discussing your desired change with the core team via \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fformkit\u002Fauto-animate\u002Fissues\">GitHub issues\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fdiscord.gg\u002FSHYT8pyeNm\">Discord\u003C\u002Fa>, or other method.\n","AutoAnimate 是一个零配置的动画工具，能够为你的 Web 应用添加平滑过渡效果。它支持 React、Vue 以及其他任何 JavaScript 应用，通过一行代码即可实现界面元素间的自然过渡动画，无需额外设置复杂的动画参数。其核心优势在于简洁易用且兼容性强，适用于需要快速提升用户体验而不想深入研究 CSS 动画或第三方库的开发者。无论是构建简单的列表切换还是复杂的布局变化，AutoAnimate 都能提供流畅的视觉反馈，特别适合追求高效开发同时又希望保持良好用户交互体验的应用场景。",2,"2026-06-11 03:26:06","top_topic"]