[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"module-auto-animate":3,"versions":435},{"name":4,"description":5,"repo":6,"npm":7,"icon":8,"github":9,"website":10,"learn_more":10,"category":11,"type":12,"maintainers":13,"compatibility":18,"generatedAt":21,"contributors":22,"stats":120,"readme":128},"auto-animate","Automatic animations for your Nuxt app with a single line of code.","formkit\u002Fauto-animate","@formkit\u002Fauto-animate","auto-animate.svg","https:\u002F\u002Fgithub.com\u002Fformkit\u002Fauto-animate","https:\u002F\u002Fauto-animate.formkit.com","Libraries","3rd-party",[14],{"name":15,"github":16,"twitter":17},"Justin Schroeder","justin-schroeder","jpschroeder",{"nuxt":19,"requires":20},">=3.0.0",{},"2026-04-28T04:39:58.952Z",[23,26,30,34,38,42,46,49,52,56,59,62,65,68,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117],{"id":24,"username":16,"contributions":25},1950463,205,{"id":27,"username":28,"contributions":29},2946356,"andrew-boyd",15,{"id":31,"username":32,"contributions":33},16452789,"nirtamir2",13,{"id":35,"username":36,"contributions":37},11545316,"luan-nk-nguyen",11,{"id":39,"username":40,"contributions":41},220721990,"mikem-of",8,{"id":43,"username":44,"contributions":45},199161495,"cursoragent",3,{"id":47,"username":48,"contributions":45},1720349,"FlatMapIO",{"id":50,"username":51,"contributions":45},32803395,"benrandja-akram",{"id":53,"username":54,"contributions":55},61237195,"lukaszarpak",2,{"id":57,"username":58,"contributions":55},24707417,"wangjue666",{"id":60,"username":61,"contributions":55},512692,"sventschui",{"id":63,"username":64,"contributions":55},28706372,"danielroe",{"id":66,"username":67,"contributions":55},11185022,"AlexVipond",{"id":69,"username":70,"contributions":71},11494384,"markflorkowski",1,{"id":73,"username":74,"contributions":71},2837147,"MentalGear",{"id":76,"username":77,"contributions":71},24510745,"maico910",{"id":79,"username":80,"contributions":71},7270284,"deerware",{"id":82,"username":83,"contributions":71},43639707,"mohamedaleya",{"id":85,"username":86,"contributions":71},107163858,"sanyamjain04",{"id":88,"username":89,"contributions":71},16858097,"cszackrison",{"id":91,"username":92,"contributions":71},48163890,"sebastianwd",{"id":94,"username":95,"contributions":71},952007,"szepeviktor",{"id":97,"username":98,"contributions":71},24245520,"ComfyFluffy",{"id":100,"username":101,"contributions":71},46376292,"banqinghe",{"id":103,"username":104,"contributions":71},41912520,"kafai-lam",{"id":106,"username":107,"contributions":71},49586985,"kyoonart",{"id":109,"username":110,"contributions":71},11599420,"limxingzhi",{"id":112,"username":113,"contributions":71},83799,"evoactivity",{"id":115,"username":116,"contributions":71},45705859,"zhengkyl",{"id":118,"username":119,"contributions":71},599538,"verheyenkoen",{"version":121,"downloads":122,"stars":123,"watchers":123,"forks":124,"defaultBranch":125,"publishedAt":126,"createdAt":127},"0.9.0",3125899,13797,251,"master",1762887155279,1652819674320,{"data":129,"body":131,"toc":427},{"title":130,"description":130},"",{"type":132,"children":133},"root",[134,143,160,167,172,186,191,201,208,213,307,312,318,333,339,351,357,369,375,380,394,400,421],{"type":135,"tag":136,"props":137,"children":142},"element","img",{"width":138,"height":139,"alt":140,"src":141},300,37,"AutoAnimate Logo","https:\u002F\u002Fcdn.formk.it\u002Fweb-assets\u002Flogo-auto-animate.svg",[],{"type":135,"tag":144,"props":145,"children":146},"p",{},[147,152,155],{"type":135,"tag":136,"props":148,"children":151},{"alt":149,"src":150},"Latest Build","https:\u002F\u002Fgithub.com\u002Fformkit\u002Fauto-animate\u002Factions\u002Fworkflows\u002Fmain.yml\u002Fbadge.svg",[],{"type":153,"value":154},"text"," ",{"type":135,"tag":136,"props":156,"children":159},{"alt":157,"src":158},"GitHub Sponsors","https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fsponsors\u002Fformkit",[],{"type":135,"tag":161,"props":162,"children":164},"h1",{"id":163},"add-motion-to-your-apps-with-a-single-line-of-code",[165],{"type":153,"value":166},"Add motion to your apps with a single line of code.",{"type":135,"tag":144,"props":168,"children":169},{},[170],{"type":153,"value":171},"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":135,"tag":144,"props":173,"children":174},{},[175],{"type":135,"tag":176,"props":177,"children":178},"a",{"href":10},[179],{"type":135,"tag":136,"props":180,"children":185},{"width":181,"height":182,"src":183,"alt":184},180,42,"https:\u002F\u002Fcdn.formk.it\u002Fweb-assets\u002Fread-docs-auto-animate-v2.svg","Examples & Docs",[],{"type":135,"tag":144,"props":187,"children":188},{},[189],{"type":153,"value":190},"With one line of code, you can improve your interfaces, for example:",{"type":135,"tag":176,"props":192,"children":193},{"href":10},[194,196],{"type":153,"value":195},"\n  ",{"type":135,"tag":136,"props":197,"children":200},{"src":198,"alt":199},"https:\u002F\u002Fcdn.formk.it\u002Fweb-assets\u002Fmotion.gif","Simple example of AutoAnimation motion",[],{"type":135,"tag":202,"props":203,"children":205},"h2",{"id":204},"installation",[206],{"type":153,"value":207},"Installation",{"type":135,"tag":144,"props":209,"children":210},{},[211],{"type":153,"value":212},"Install using your package manager of choice.",{"type":135,"tag":214,"props":215,"children":219},"pre",{"className":216,"code":217,"language":218,"meta":130,"style":130},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","# yarn\nyarn add @formkit\u002Fauto-animate\n# npm\nnpm install @formkit\u002Fauto-animate\n# pnpm\npnpm add @formkit\u002Fauto-animate\n","bash",[220],{"type":135,"tag":221,"props":222,"children":223},"code",{"__ignoreMap":130},[224,235,255,263,281,290],{"type":135,"tag":225,"props":226,"children":228},"span",{"class":227,"line":71},"line",[229],{"type":135,"tag":225,"props":230,"children":232},{"style":231},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[233],{"type":153,"value":234},"# yarn\n",{"type":135,"tag":225,"props":236,"children":237},{"class":227,"line":55},[238,244,250],{"type":135,"tag":225,"props":239,"children":241},{"style":240},"--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B",[242],{"type":153,"value":243},"yarn",{"type":135,"tag":225,"props":245,"children":247},{"style":246},"--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D",[248],{"type":153,"value":249}," add",{"type":135,"tag":225,"props":251,"children":252},{"style":246},[253],{"type":153,"value":254}," @formkit\u002Fauto-animate\n",{"type":135,"tag":225,"props":256,"children":257},{"class":227,"line":45},[258],{"type":135,"tag":225,"props":259,"children":260},{"style":231},[261],{"type":153,"value":262},"# npm\n",{"type":135,"tag":225,"props":264,"children":266},{"class":227,"line":265},4,[267,272,277],{"type":135,"tag":225,"props":268,"children":269},{"style":240},[270],{"type":153,"value":271},"npm",{"type":135,"tag":225,"props":273,"children":274},{"style":246},[275],{"type":153,"value":276}," install",{"type":135,"tag":225,"props":278,"children":279},{"style":246},[280],{"type":153,"value":254},{"type":135,"tag":225,"props":282,"children":284},{"class":227,"line":283},5,[285],{"type":135,"tag":225,"props":286,"children":287},{"style":231},[288],{"type":153,"value":289},"# pnpm\n",{"type":135,"tag":225,"props":291,"children":293},{"class":227,"line":292},6,[294,299,303],{"type":135,"tag":225,"props":295,"children":296},{"style":240},[297],{"type":153,"value":298},"pnpm",{"type":135,"tag":225,"props":300,"children":301},{"style":246},[302],{"type":153,"value":249},{"type":135,"tag":225,"props":304,"children":305},{"style":246},[306],{"type":153,"value":254},{"type":135,"tag":144,"props":308,"children":309},{},[310],{"type":153,"value":311},"Boom! Done. That was fast! 🐇",{"type":135,"tag":202,"props":313,"children":315},{"id":314},"usage",[316],{"type":153,"value":317},"Usage",{"type":135,"tag":144,"props":319,"children":320},{},[321,323,331],{"type":153,"value":322},"📖 ",{"type":135,"tag":176,"props":324,"children":328},{"href":325,"rel":326},"https:\u002F\u002Fauto-animate.formkit.com#usage",[327],"nofollow",[329],{"type":153,"value":330},"View the documentation site for usage instructions",{"type":153,"value":332},".",{"type":135,"tag":202,"props":334,"children":336},{"id":335},"examples",[337],{"type":153,"value":338},"Examples",{"type":135,"tag":144,"props":340,"children":341},{},[342,343,350],{"type":153,"value":322},{"type":135,"tag":176,"props":344,"children":347},{"href":345,"rel":346},"https:\u002F\u002Fauto-animate.formkit.com#examples",[327],[348],{"type":153,"value":349},"View the documentation site for examples",{"type":153,"value":332},{"type":135,"tag":202,"props":352,"children":354},{"id":353},"plugins",[355],{"type":153,"value":356},"Plugins",{"type":135,"tag":144,"props":358,"children":359},{},[360,361,368],{"type":153,"value":322},{"type":135,"tag":176,"props":362,"children":365},{"href":363,"rel":364},"https:\u002F\u002Fauto-animate.formkit.com#plugins",[327],[366],{"type":153,"value":367},"View the documentation site for plugin instructions",{"type":153,"value":332},{"type":135,"tag":202,"props":370,"children":372},{"id":371},"support-us",[373],{"type":153,"value":374},"Support us",{"type":135,"tag":144,"props":376,"children":377},{},[378],{"type":153,"value":379},"Is AutoAnimate saving you time?",{"type":135,"tag":144,"props":381,"children":382},{},[383,385,392],{"type":153,"value":384},"Please consider ",{"type":135,"tag":176,"props":386,"children":389},{"href":387,"rel":388},"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fformkit",[327],[390],{"type":153,"value":391},"supporting us with a recurring or one-time donation",{"type":153,"value":393},"! 🙏",{"type":135,"tag":202,"props":395,"children":397},{"id":396},"contributing",[398],{"type":153,"value":399},"Contributing",{"type":135,"tag":144,"props":401,"children":402},{},[403,405,411,413,419],{"type":153,"value":404},"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":135,"tag":176,"props":406,"children":408},{"href":407},"https:\u002F\u002Fgithub.com\u002Fformkit\u002Fauto-animate\u002Fissues",[409],{"type":153,"value":410},"GitHub issues",{"type":153,"value":412},", ",{"type":135,"tag":176,"props":414,"children":416},{"href":415},"https:\u002F\u002Fdiscord.gg\u002FSHYT8pyeNm",[417],{"type":153,"value":418},"Discord",{"type":153,"value":420},", or other method.",{"type":135,"tag":422,"props":423,"children":424},"style",{},[425],{"type":153,"value":426},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":130,"searchDepth":55,"depth":55,"links":428},[429,430,431,432,433,434],{"id":204,"depth":55,"text":207},{"id":314,"depth":55,"text":317},{"id":335,"depth":55,"text":338},{"id":353,"depth":55,"text":356},{"id":371,"depth":55,"text":374},{"id":396,"depth":55,"text":399},{"v5":436,"v4":437,"v3":438,"v2":439},"5 (nightly)","4.4.2","3.21.2","2.18.1"]