[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"versions":3,"module-auto-animate":7},{"v3":4,"v4":5,"v2":6},"3.21.8","4.4.8","2.18.1",{"name":8,"description":9,"repo":10,"npm":11,"icon":12,"github":13,"website":14,"learn_more":14,"category":15,"type":16,"maintainers":17,"compatibility":22,"generatedAt":25,"contributors":26,"stats":124,"readme":132},"auto-animate","Automatic animations for your Nuxt app with a single line of code.","formkit/auto-animate","@formkit/auto-animate","auto-animate.svg","https://github.com/formkit/auto-animate","https://auto-animate.formkit.com","Libraries","3rd-party",[18],{"name":19,"github":20,"twitter":21},"Justin Schroeder","justin-schroeder","jpschroeder",{"nuxt":23,"requires":24},">=3.0.0",{},"2026-06-10T02:12:27.440Z",[27,30,34,38,42,46,50,53,56,60,63,66,69,72,76,79,82,85,88,91,94,97,100,103,106,109,112,115,118,121],{"id":28,"username":20,"contributions":29},1950463,205,{"id":31,"username":32,"contributions":33},2946356,"andrew-boyd",15,{"id":35,"username":36,"contributions":37},16452789,"nirtamir2",13,{"id":39,"username":40,"contributions":41},11545316,"luan-nk-nguyen",11,{"id":43,"username":44,"contributions":45},220721990,"mikem-of",8,{"id":47,"username":48,"contributions":49},199161495,"cursoragent",3,{"id":51,"username":52,"contributions":49},1720349,"FlatMapIO",{"id":54,"username":55,"contributions":49},32803395,"benrandja-akram",{"id":57,"username":58,"contributions":59},61237195,"lukaszarpak",2,{"id":61,"username":62,"contributions":59},24707417,"wangjue666",{"id":64,"username":65,"contributions":59},512692,"sventschui",{"id":67,"username":68,"contributions":59},28706372,"danielroe",{"id":70,"username":71,"contributions":59},11185022,"AlexVipond",{"id":73,"username":74,"contributions":75},11494384,"markflorkowski",1,{"id":77,"username":78,"contributions":75},2837147,"MentalGear",{"id":80,"username":81,"contributions":75},24510745,"maico910",{"id":83,"username":84,"contributions":75},7270284,"deerware",{"id":86,"username":87,"contributions":75},43639707,"mohamedaleya",{"id":89,"username":90,"contributions":75},107163858,"sanyamjain04",{"id":92,"username":93,"contributions":75},16858097,"cszackrison",{"id":95,"username":96,"contributions":75},48163890,"sebastianwd",{"id":98,"username":99,"contributions":75},952007,"szepeviktor",{"id":101,"username":102,"contributions":75},24245520,"ComfyFluffy",{"id":104,"username":105,"contributions":75},46376292,"banqinghe",{"id":107,"username":108,"contributions":75},41912520,"kafai-lam",{"id":110,"username":111,"contributions":75},49586985,"kyoonart",{"id":113,"username":114,"contributions":75},11599420,"limxingzhi",{"id":116,"username":117,"contributions":75},83799,"evoactivity",{"id":119,"username":120,"contributions":75},45705859,"zhengkyl",{"id":122,"username":123,"contributions":75},599538,"verheyenkoen",{"version":125,"downloads":126,"stars":127,"watchers":127,"forks":128,"defaultBranch":129,"publishedAt":130,"createdAt":131},"0.9.0",3788068,13834,252,"master",1762887155279,1652819674320,{"data":133,"body":135,"toc":349},{"title":134,"description":134},"",{"type":136,"children":137},"root",[138,147,164,171,176,190,195,205,212,217,230,235,241,256,262,274,280,292,298,303,317,323,344],{"type":139,"tag":140,"props":141,"children":146},"element","img",{"width":142,"height":143,"alt":144,"src":145},300,37,"AutoAnimate Logo","https://cdn.formk.it/web-assets/logo-auto-animate.svg",[],{"type":139,"tag":148,"props":149,"children":150},"p",{},[151,156,159],{"type":139,"tag":140,"props":152,"children":155},{"alt":153,"src":154},"Latest Build","https://github.com/formkit/auto-animate/actions/workflows/main.yml/badge.svg",[],{"type":157,"value":158},"text"," ",{"type":139,"tag":140,"props":160,"children":163},{"alt":161,"src":162},"GitHub Sponsors","https://img.shields.io/github/sponsors/formkit",[],{"type":139,"tag":165,"props":166,"children":168},"h1",{"id":167},"add-motion-to-your-apps-with-a-single-line-of-code",[169],{"type":157,"value":170},"Add motion to your apps with a single line of code.",{"type":139,"tag":148,"props":172,"children":173},{},[174],{"type":157,"value":175},"AutoAnimate 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.",{"type":139,"tag":148,"props":177,"children":178},{},[179],{"type":139,"tag":180,"props":181,"children":182},"a",{"href":14},[183],{"type":139,"tag":140,"props":184,"children":189},{"width":185,"height":186,"src":187,"alt":188},180,42,"https://cdn.formk.it/web-assets/read-docs-auto-animate-v2.svg","Examples & Docs",[],{"type":139,"tag":148,"props":191,"children":192},{},[193],{"type":157,"value":194},"With one line of code, you can improve your interfaces, for example:",{"type":139,"tag":180,"props":196,"children":197},{"href":14},[198,200],{"type":157,"value":199},"\n  ",{"type":139,"tag":140,"props":201,"children":204},{"src":202,"alt":203},"https://cdn.formk.it/web-assets/motion.gif","Simple example of AutoAnimation motion",[],{"type":139,"tag":206,"props":207,"children":209},"h2",{"id":208},"installation",[210],{"type":157,"value":211},"Installation",{"type":139,"tag":148,"props":213,"children":214},{},[215],{"type":157,"value":216},"Install using your package manager of choice.",{"type":139,"tag":218,"props":219,"children":224},"pre",{"className":220,"code":221,"language":222,"meta":134,"style":223},"language-bash","# yarn\nyarn add @formkit/auto-animate\n# npm\nnpm install @formkit/auto-animate\n# pnpm\npnpm add @formkit/auto-animate\n","bash","undefined",[225],{"type":139,"tag":226,"props":227,"children":228},"code",{"__ignoreMap":134},[229],{"type":157,"value":221},{"type":139,"tag":148,"props":231,"children":232},{},[233],{"type":157,"value":234},"Boom! Done. That was fast! 🐇",{"type":139,"tag":206,"props":236,"children":238},{"id":237},"usage",[239],{"type":157,"value":240},"Usage",{"type":139,"tag":148,"props":242,"children":243},{},[244,246,254],{"type":157,"value":245},"📖 ",{"type":139,"tag":180,"props":247,"children":251},{"href":248,"rel":249},"https://auto-animate.formkit.com#usage",[250],"nofollow",[252],{"type":157,"value":253},"View the documentation site for usage instructions",{"type":157,"value":255},".",{"type":139,"tag":206,"props":257,"children":259},{"id":258},"examples",[260],{"type":157,"value":261},"Examples",{"type":139,"tag":148,"props":263,"children":264},{},[265,266,273],{"type":157,"value":245},{"type":139,"tag":180,"props":267,"children":270},{"href":268,"rel":269},"https://auto-animate.formkit.com#examples",[250],[271],{"type":157,"value":272},"View the documentation site for examples",{"type":157,"value":255},{"type":139,"tag":206,"props":275,"children":277},{"id":276},"plugins",[278],{"type":157,"value":279},"Plugins",{"type":139,"tag":148,"props":281,"children":282},{},[283,284,291],{"type":157,"value":245},{"type":139,"tag":180,"props":285,"children":288},{"href":286,"rel":287},"https://auto-animate.formkit.com#plugins",[250],[289],{"type":157,"value":290},"View the documentation site for plugin instructions",{"type":157,"value":255},{"type":139,"tag":206,"props":293,"children":295},{"id":294},"support-us",[296],{"type":157,"value":297},"Support us",{"type":139,"tag":148,"props":299,"children":300},{},[301],{"type":157,"value":302},"Is AutoAnimate saving you time?",{"type":139,"tag":148,"props":304,"children":305},{},[306,308,315],{"type":157,"value":307},"Please consider ",{"type":139,"tag":180,"props":309,"children":312},{"href":310,"rel":311},"https://github.com/sponsors/formkit",[250],[313],{"type":157,"value":314},"supporting us with a recurring or one-time donation",{"type":157,"value":316},"! 🙏",{"type":139,"tag":206,"props":318,"children":320},{"id":319},"contributing",[321],{"type":157,"value":322},"Contributing",{"type":139,"tag":148,"props":324,"children":325},{},[326,328,334,336,342],{"type":157,"value":327},"Thank 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 ",{"type":139,"tag":180,"props":329,"children":331},{"href":330},"https://github.com/formkit/auto-animate/issues",[332],{"type":157,"value":333},"GitHub issues",{"type":157,"value":335},", ",{"type":139,"tag":180,"props":337,"children":339},{"href":338},"https://discord.gg/SHYT8pyeNm",[340],{"type":157,"value":341},"Discord",{"type":157,"value":343},", or other method.",{"type":139,"tag":345,"props":346,"children":347},"style",{},[348],{"type":157,"value":134},{"title":134,"searchDepth":59,"depth":59,"links":350},[351,352,353,354,355,356],{"id":208,"depth":59,"text":211},{"id":237,"depth":59,"text":240},{"id":258,"depth":59,"text":261},{"id":276,"depth":59,"text":279},{"id":294,"depth":59,"text":297},{"id":319,"depth":59,"text":322}]