[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-459":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":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},459,"anime","juliangarnier\u002Fanime","juliangarnier","JavaScript animation engine","https:\u002F\u002Fanimejs.com",null,"JavaScript",69714,4703,778,96,0,31,393,1738,183,120,"MIT License",false,"master",true,[27,5,28,29,30,31,32],"animation","canvas","css","javascript","javascript-library","svg","2026-06-11 04:00:19","# Anime.js\n\n\u003Cp align=\"center\">\n  \u003Cpicture align=\"center\">\n    \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\".\u002Fassets\u002Fimages\u002Fanimejs-v4-logo-animation-dark.gif\">\n    \u003Cimg align=\"center\" alt=\"Anime.js V4 logo animation\" src=\".\u002Fassets\u002Fimages\u002Fanimejs-v4-logo-animation.gif\" width=\"560\">\n  \u003C\u002Fpicture>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cstrong>\n  \u003Cem>Anime.js\u003C\u002Fem> is a fast, multipurpose and lightweight JavaScript animation library with a simple, yet powerful API.\u003Cbr>\n  It works with CSS properties, SVG, DOM attributes and JavaScript Objects.\n  \u003C\u002Fstrong>\n\u003C\u002Fp>\n\n\n\u003Cp align=\"center\">\n  \u003Cimg alt=\"NPM Downloads\" src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fanimejs?style=flat-square&logo=npm\">\n  \u003Cimg alt=\"jsDelivr hits (npm)\" src=\"https:\u002F\u002Fimg.shields.io\u002Fjsdelivr\u002Fnpm\u002Fhm\u002Fanimejs?style=flat-square&logo=jsdeliver\">\n  \u003Cimg alt=\"GitHub Sponsors\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fsponsors\u002Fjuliangarnier?style=flat-square&logo=github\">\n\u003C\u002Fp>\n\n## Sponsors\n\nAnime.js is 100% free and is only made possible with the help of our sponsors.\nHelp the project become sustainable by sponsoring us on \u003Ca target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fjuliangarnier\">GitHub Sponsors\u003C\u002Fa>.\n\n### Platinum sponsors\n\n\u003Ctable>\n  \u003Ctbody>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fjuliangarnier\">\n          \u003Cpicture>\n            \u003Cimg align=\"center\" src=\".\u002Fassets\u002Fsponsors\u002Fplaceholder-large.png?v=200126\" width=\"310\">\n          \u003C\u002Fpicture>\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>\n        \u003Ca target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fjuliangarnier\">\n          \u003Cpicture>\n            \u003Cimg align=\"center\" src=\".\u002Fassets\u002Fsponsors\u002Fplaceholder-large.png?v=200126\" width=\"310\">\n          \u003C\u002Fpicture>\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>\n        \u003Ca target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fjuliangarnier\">\n          \u003Cpicture>\n            \u003Cimg align=\"center\" src=\".\u002Fassets\u002Fsponsors\u002Fplaceholder-large.png?v=200126\" width=\"310\">\n          \u003C\u002Fpicture>\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftbody>\n\u003C\u002Ftable>\n\n### Silver sponsors\n\n\u003Ctable>\n  \u003Ctbody>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca target=\"_blank\" href=\"https:\u002F\u002Fwww.testmuai.com\u002F?utm_medium=sponsor&utm_source=animejs\">\n          \u003Cpicture>\n            \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\".\u002Fassets\u002Fsponsors\u002Ftestmu-ai-logomark.png?v=200126\">\n            \u003Cimg align=\"center\" src=\".\u002Fassets\u002Fsponsors\u002Ftestmu-ai-logomark-dark.png?v=200126\" width=\"141\">\n          \u003C\u002Fpicture>\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>\n        \u003Ca target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fjuliangarnier\">\n          \u003Cpicture>\n            \u003Cimg align=\"center\" src=\".\u002Fassets\u002Fsponsors\u002Fplaceholder-small.png?v=200126\" width=\"141\">\n          \u003C\u002Fpicture>\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>\n        \u003Ca target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fjuliangarnier\">\n          \u003Cpicture>\n            \u003Cimg align=\"center\" src=\".\u002Fassets\u002Fsponsors\u002Fplaceholder-small.png?v=200126\" width=\"141\">\n          \u003C\u002Fpicture>\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>\n        \u003Ca target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fjuliangarnier\">\n          \u003Cpicture>\n            \u003Cimg align=\"center\" src=\".\u002Fassets\u002Fsponsors\u002Fplaceholder-small.png?v=200126\" width=\"141\">\n          \u003C\u002Fpicture>\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>\n        \u003Ca target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fjuliangarnier\">\n          \u003Cpicture>\n            \u003Cimg align=\"center\" src=\".\u002Fassets\u002Fsponsors\u002Fplaceholder-small.png?v=200126\" width=\"141\">\n          \u003C\u002Fpicture>\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>\n        \u003Ca target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fjuliangarnier\">\n          \u003Cpicture>\n            \u003Cimg align=\"center\" src=\".\u002Fassets\u002Fsponsors\u002Fplaceholder-small.png?v=200126\" width=\"141\">\n          \u003C\u002Fpicture>\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftbody>\n\u003C\u002Ftable>\n\nGet featured here by becoming a \u003Ca target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fjuliangarnier\">GitHub Sponsor\u003C\u002Fa>.\n\n\n## Usage\n\nAnime.js V4 works by importing ES modules like so:\n\n\n\u003Ctable>\n\u003Ctr>\n  \u003Ctd>\n\n```javascript\nimport {\n  animate,\n  stagger,\n} from 'animejs';\n\nanimate('.square', {\n  x: 320,\n  rotate: { from: -180 },\n  duration: 1250,\n  delay: stagger(65, { from: 'center' }),\n  ease: 'inOutQuint',\n  loop: true,\n  alternate: true\n});\n```\n\n  \u003C\u002Ftd>\n  \u003Ctd>\n    \u003Cimg align=\"center\" alt=\"Anime.js code example\" src=\".\u002Fassets\u002Fimages\u002Fusage-example-result.gif\">\n  \u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## V4 Documentation\n\nThe full documentation is available [here](https:\u002F\u002Fanimejs.com\u002Fdocumentation).\n\n## V3 Migration guide\n\nYou can find the v3 to v4 migration guide [here](https:\u002F\u002Fgithub.com\u002Fjuliangarnier\u002Fanime\u002Fwiki\u002FMigrating-from-v3-to-v4).\n\n## NPM development scripts\n\nFirst, run `npm i` to install all the necessary packages.\nThen, execute the following scripts with `npm run \u003Cscript>`.\n\n| script | action |\n| ------ | ------ |\n| `dev` | Watches for changes in `src\u002F**\u002F*.js`, bundles the ESM version to `lib\u002F` and creates type declarations in `types\u002F` |\n| `dev:test` | Runs `dev` and `test:browser` concurrently |\n| `build` | Bundles ESM \u002F UMD \u002F CJS \u002F IIFE versions to `lib\u002F` and creates type declarations in `types\u002F` |\n| `test:browser` | Starts a local server and runs all browser-related tests |\n| `test:node` | Starts Node-related tests |\n| `open:examples` | Starts a local server to browse the examples locally |\n\n© [Julian Garnier](http:\u002F\u002Fjuliangarnier.com) | [MIT License](LICENSE.md)\n","Anime.js 是一个快速、多用途且轻量级的 JavaScript 动画库，具有简单而强大的 API。它支持 CSS 属性、SVG、DOM 属性和 JavaScript 对象的动画处理，能够轻松创建流畅且复杂的动画效果。该库非常适合用于网页设计中需要增强用户体验或视觉吸引力的场景，如产品展示页面、交互式图表或是任何希望添加动态元素来吸引用户注意的地方。Anime.js 的灵活性和高性能使其成为前端开发者实现创意动画的理想选择。",2,"2026-06-11 02:36:06","top_all"]