[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"module-auto-animate":3,"versions":436},{"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":129},"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",[14],{"name":15,"github":16,"twitter":17},"Justin Schroeder","justin-schroeder","jpschroeder",{"nuxt":19,"requires":20},">=3.0.0",{},"2026-05-04T12:55:25.308Z",[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":124,"forks":125,"defaultBranch":126,"publishedAt":127,"createdAt":128},"0.9.0",3210459,13803,29,251,"master",1762887155279,1652819674320,{"data":130,"body":132,"toc":428},{"title":131,"description":131},"",{"type":133,"children":134},"root",[135,144,161,168,173,187,192,202,209,214,308,313,319,334,340,352,358,370,376,381,395,401,422],{"type":136,"tag":137,"props":138,"children":143},"element","img",{"width":139,"height":140,"alt":141,"src":142},300,37,"AutoAnimate Logo","https://cdn.formk.it/web-assets/logo-auto-animate.svg",[],{"type":136,"tag":145,"props":146,"children":147},"p",{},[148,153,156],{"type":136,"tag":137,"props":149,"children":152},{"alt":150,"src":151},"Latest Build","https://github.com/formkit/auto-animate/actions/workflows/main.yml/badge.svg",[],{"type":154,"value":155},"text"," ",{"type":136,"tag":137,"props":157,"children":160},{"alt":158,"src":159},"GitHub Sponsors","https://img.shields.io/github/sponsors/formkit",[],{"type":136,"tag":162,"props":163,"children":165},"h1",{"id":164},"add-motion-to-your-apps-with-a-single-line-of-code",[166],{"type":154,"value":167},"Add motion to your apps with a single line of code.",{"type":136,"tag":145,"props":169,"children":170},{},[171],{"type":154,"value":172},"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":136,"tag":145,"props":174,"children":175},{},[176],{"type":136,"tag":177,"props":178,"children":179},"a",{"href":10},[180],{"type":136,"tag":137,"props":181,"children":186},{"width":182,"height":183,"src":184,"alt":185},180,42,"https://cdn.formk.it/web-assets/read-docs-auto-animate-v2.svg","Examples & Docs",[],{"type":136,"tag":145,"props":188,"children":189},{},[190],{"type":154,"value":191},"With one line of code, you can improve your interfaces, for example:",{"type":136,"tag":177,"props":193,"children":194},{"href":10},[195,197],{"type":154,"value":196},"\n  ",{"type":136,"tag":137,"props":198,"children":201},{"src":199,"alt":200},"https://cdn.formk.it/web-assets/motion.gif","Simple example of AutoAnimation motion",[],{"type":136,"tag":203,"props":204,"children":206},"h2",{"id":205},"installation",[207],{"type":154,"value":208},"Installation",{"type":136,"tag":145,"props":210,"children":211},{},[212],{"type":154,"value":213},"Install using your package manager of choice.",{"type":136,"tag":215,"props":216,"children":220},"pre",{"className":217,"code":218,"language":219,"meta":131,"style":131},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","# yarn\nyarn add @formkit/auto-animate\n# npm\nnpm install @formkit/auto-animate\n# pnpm\npnpm add @formkit/auto-animate\n","bash",[221],{"type":136,"tag":222,"props":223,"children":224},"code",{"__ignoreMap":131},[225,236,256,264,282,291],{"type":136,"tag":226,"props":227,"children":229},"span",{"class":228,"line":71},"line",[230],{"type":136,"tag":226,"props":231,"children":233},{"style":232},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[234],{"type":154,"value":235},"# yarn\n",{"type":136,"tag":226,"props":237,"children":238},{"class":228,"line":55},[239,245,251],{"type":136,"tag":226,"props":240,"children":242},{"style":241},"--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B",[243],{"type":154,"value":244},"yarn",{"type":136,"tag":226,"props":246,"children":248},{"style":247},"--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D",[249],{"type":154,"value":250}," add",{"type":136,"tag":226,"props":252,"children":253},{"style":247},[254],{"type":154,"value":255}," @formkit/auto-animate\n",{"type":136,"tag":226,"props":257,"children":258},{"class":228,"line":45},[259],{"type":136,"tag":226,"props":260,"children":261},{"style":232},[262],{"type":154,"value":263},"# npm\n",{"type":136,"tag":226,"props":265,"children":267},{"class":228,"line":266},4,[268,273,278],{"type":136,"tag":226,"props":269,"children":270},{"style":241},[271],{"type":154,"value":272},"npm",{"type":136,"tag":226,"props":274,"children":275},{"style":247},[276],{"type":154,"value":277}," install",{"type":136,"tag":226,"props":279,"children":280},{"style":247},[281],{"type":154,"value":255},{"type":136,"tag":226,"props":283,"children":285},{"class":228,"line":284},5,[286],{"type":136,"tag":226,"props":287,"children":288},{"style":232},[289],{"type":154,"value":290},"# pnpm\n",{"type":136,"tag":226,"props":292,"children":294},{"class":228,"line":293},6,[295,300,304],{"type":136,"tag":226,"props":296,"children":297},{"style":241},[298],{"type":154,"value":299},"pnpm",{"type":136,"tag":226,"props":301,"children":302},{"style":247},[303],{"type":154,"value":250},{"type":136,"tag":226,"props":305,"children":306},{"style":247},[307],{"type":154,"value":255},{"type":136,"tag":145,"props":309,"children":310},{},[311],{"type":154,"value":312},"Boom! Done. That was fast! 🐇",{"type":136,"tag":203,"props":314,"children":316},{"id":315},"usage",[317],{"type":154,"value":318},"Usage",{"type":136,"tag":145,"props":320,"children":321},{},[322,324,332],{"type":154,"value":323},"📖 ",{"type":136,"tag":177,"props":325,"children":329},{"href":326,"rel":327},"https://auto-animate.formkit.com#usage",[328],"nofollow",[330],{"type":154,"value":331},"View the documentation site for usage instructions",{"type":154,"value":333},".",{"type":136,"tag":203,"props":335,"children":337},{"id":336},"examples",[338],{"type":154,"value":339},"Examples",{"type":136,"tag":145,"props":341,"children":342},{},[343,344,351],{"type":154,"value":323},{"type":136,"tag":177,"props":345,"children":348},{"href":346,"rel":347},"https://auto-animate.formkit.com#examples",[328],[349],{"type":154,"value":350},"View the documentation site for examples",{"type":154,"value":333},{"type":136,"tag":203,"props":353,"children":355},{"id":354},"plugins",[356],{"type":154,"value":357},"Plugins",{"type":136,"tag":145,"props":359,"children":360},{},[361,362,369],{"type":154,"value":323},{"type":136,"tag":177,"props":363,"children":366},{"href":364,"rel":365},"https://auto-animate.formkit.com#plugins",[328],[367],{"type":154,"value":368},"View the documentation site for plugin instructions",{"type":154,"value":333},{"type":136,"tag":203,"props":371,"children":373},{"id":372},"support-us",[374],{"type":154,"value":375},"Support us",{"type":136,"tag":145,"props":377,"children":378},{},[379],{"type":154,"value":380},"Is AutoAnimate saving you time?",{"type":136,"tag":145,"props":382,"children":383},{},[384,386,393],{"type":154,"value":385},"Please consider ",{"type":136,"tag":177,"props":387,"children":390},{"href":388,"rel":389},"https://github.com/sponsors/formkit",[328],[391],{"type":154,"value":392},"supporting us with a recurring or one-time donation",{"type":154,"value":394},"! 🙏",{"type":136,"tag":203,"props":396,"children":398},{"id":397},"contributing",[399],{"type":154,"value":400},"Contributing",{"type":136,"tag":145,"props":402,"children":403},{},[404,406,412,414,420],{"type":154,"value":405},"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":136,"tag":177,"props":407,"children":409},{"href":408},"https://github.com/formkit/auto-animate/issues",[410],{"type":154,"value":411},"GitHub issues",{"type":154,"value":413},", ",{"type":136,"tag":177,"props":415,"children":417},{"href":416},"https://discord.gg/SHYT8pyeNm",[418],{"type":154,"value":419},"Discord",{"type":154,"value":421},", or other method.",{"type":136,"tag":423,"props":424,"children":425},"style",{},[426],{"type":154,"value":427},"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":131,"searchDepth":55,"depth":55,"links":429},[430,431,432,433,434,435],{"id":205,"depth":55,"text":208},{"id":315,"depth":55,"text":318},{"id":336,"depth":55,"text":339},{"id":354,"depth":55,"text":357},{"id":372,"depth":55,"text":375},{"id":397,"depth":55,"text":400},{"v5":437,"v4":438,"v3":439,"v2":440},"5 (nightly)","4.4.4","3.21.4","2.18.1"]