[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10790":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":9,"rankLanguage":9,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":43,"readmeContent":44,"aiSummary":45,"trendingCount":15,"starSnapshotCount":15,"syncStatus":18,"lastSyncTime":46,"discoverSource":47},10790,"mojs","mojs\u002Fmojs","The motion graphics toolbelt for the web","https:\u002F\u002Fmojs.github.io",null,"CoffeeScript",18704,887,385,37,0,4,15,2,43.85,"MIT License",false,"main",true,[25,26,27,28,29,30,31,32,33,5,34,35,36,37,38,39,40,41,42],"animation","burst","design","es6","graphics","javascript","library","mo-js","modern","motion","motion-graphics","shape","svg","swirl","timeline","toolbelt","web","webpack","2026-06-12 02:02:26","# mo · js – [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@mojs\u002Fcore.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@mojs\u002Fcore) [![ci](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Factions\u002Fworkflow\u002Fstatus\u002Fmojs\u002Fmojs\u002Fci.yml?branch=main)](https:\u002F\u002Fgithub.com\u002Fmojs\u002Fmojs\u002Factions?query=workflow:\"CI\") [![Coverage Status](https:\u002F\u002Fcoveralls.io\u002Frepos\u002Fmojs\u002Fmojs\u002Fbadge.svg?branch=main)](https:\u002F\u002Fcoveralls.io\u002Fr\u002Fmojs\u002Fmojs?branch=main) [![Slack](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fstyle-join-ff69b4.svg?label=slack)](https:\u002F\u002Fjoin.slack.com\u002Ft\u002Fmojs\u002Fshared_invite\u002Fzt-dlyxhupt-VR7eV2uwCnvu3Cx~Yc_L9Q)\n\nThe motion graphics toolbelt for the web.\n\n[![mo · js](logo.svg \"mo · js\")](https:\u002F\u002Fmojs.github.io\u002F)\n\n## Intro\n**mo · js** is a javascript motion graphics library that is a **fast, retina ready, modular and open source**. In comparison to other libraries, it has a different syntax and code animation structure approach. The declarative API provides you a complete control over the animation, making it customizable with ease.\n\nThe library provides **built-in components** to start animating from scratch like html, shape, swirl, burst and stagger, but also bring you tools to help craft your animation in a most natural way. Using mojs on your site will enhance the user experience, enrich your content visually and create **delightful animations** precisely.\n\n## Install\n### Use with a bundler\n\nMojs is published on the **NPM registry**, so you can install it through the command line interpreter using your favorite package manager. This is the best way to install the library if you are comfortable with **javascript bundlers** like `webpack` or `rollup`.\n\n```sh\n# npm\nnpm install @mojs\u002Fcore\n\n# yarn\nyarn add @mojs\u002Fcore\n```\n\nThen **import it like any other module** inside your build:\n\n```js\nimport mojs from '@mojs\u002Fcore';\n\nnew mojs.Html({\n  \u002F\u002F ...\n});\n```\n\n> Using a bundler has **many advantages** like output compression, code splitting, tree shaking, etc., so we encourage you to use this kind of tool with mojs.\n\n### Use with a CDN\n\nTo rapidly **include the minified production file** in your web page, load the latest build from your favorite CDN using a generic script markup:\n\n```html\n\u003C!-- unpkg -->\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002F@mojs\u002Fcore\">\u003C\u002Fscript>\n\n\u003C!-- jsdelivr -->\n\u003Cscript src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@mojs\u002Fcore\">\u003C\u002Fscript>\n```\n\nThen instanciate using:\n\n```html\n\u003Cscript>\n  new mojs.Html({\n    \u002F\u002F ...\n  });\n\u003C\u002Fscript>\n```\n\n> By default, if no one is specified, the CDN will automatically target the **@latest** version of mojs and load the **UMD build** from `dist\u002Fmo.umd.js`.\n\n## User guide\nThe base documentation you need to get started with mojs.\n- [Get started](https:\u002F\u002Fmojs.github.io\u002Ftutorials\u002Fgetting-started.html)\n- [@mojs\u002Fplayer](https:\u002F\u002Fgithub.com\u002Fmojs\u002Fmojs-player\u002F)\n- [@mojs\u002Fcurve-editor](https:\u002F\u002Fgithub.com\u002Fmojs\u002Fmojs-curve-editor\u002F)\n- [@mojs\u002Ftimeline-editor](https:\u002F\u002Fgithub.com\u002Fmojs\u002Fmojs-timeline-editor\u002F)\n\n## Learn\nDiscover the amazing things that mojs can do!\n- [Shape & Swirl](https:\u002F\u002Fmojs.github.io\u002Ftutorials\u002Fshape-swirl\u002F) _(Tutorial)_\n- [Burst](https:\u002F\u002Fmojs.github.io\u002Ftutorials\u002Fburst\u002F) _(Tutorial)_\n- [Icon animations powered by mo.js](https:\u002F\u002Ftympanus.net\u002Fcodrops\u002F2016\u002F02\u002F23\u002Ficon-animations-powered-by-mo-js\u002F) _(Codrops tutorial)_\n- [An Introduction to mo.js](https:\u002F\u002Fcss-tricks.com\u002Fintroduction-mo-js\u002F) _(CSS tricks tutorial)_\n- [Playing with @mojs\u002Fplayer and @mojs\u002Fcurve-editor](https:\u002F\u002Fvimeo.com\u002F185587462) _(Vimeo video)_\n- [Web animations and mo.js](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=yRxWa8lXasI) _(Youtube video)_\n\n## Developer\nGet technical informations, open an issue\u002Fpull request or join the (amazing) community!\n- [API documentation](https:\u002F\u002Fmojs.github.io\u002Fapi\u002F)\n- [Github](https:\u002F\u002Fgithub.com\u002Fmojs\u002Fmojs\u002F)\n- [Slack workspace](https:\u002F\u002Fmojs.slack.com) _(Not in the workspace yet? Use the [invite link](https:\u002F\u002Fjoin.slack.com\u002Ft\u002Fmojs\u002Fshared_invite\u002Fzt-dlyxhupt-VR7eV2uwCnvu3Cx~Yc_L9Q) 🔓)_\n\n## Showcase\n- [Motion Graphics for the Web](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002FogOYJj\u002F)\n- [Bubble Layout](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002FyNOage\u002F)\n- [Sleepy Mole](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002FOyzBXR\u002F)\n- [Animocons](https:\u002F\u002Ftympanus.net\u002FDevelopment\u002FAnimocons\u002F)\n- [Love or Hate Modal](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002F812699ce32c9a7aeb70c9384b32a533a\u002F)\n- [Mograph](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002F39427561a8a0b15d7896480a7d96d3d1\u002F)\n- [Word Reveal](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002Fc94452fb65dbf676b0ae8a12d4267473\u002F)\n- [Jump and Squash](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002FpEagoL\u002F)\n- [Physical Balls](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002F7315f4364360ec87a6655d33782702fe\u002F)\n- [Dust Trail](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002F633e6aa52d40691cca2f2cda91650bae\u002F)\n- [Bubble Modal](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002F3c49de2d7d0ca3e92bf5db5bf7a2687d\u002F)\n- [Bubbles](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002F2ef10ed42ff535182c31cd1dbb81e453\u002F)\n- [Blast](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002F699cfc8716a13e0e1c15105af2b6fb95\u002F) _(click to see)_\n- [Simple Burst](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002F6caf96461207a5caa9226fbd2631569d\u002F) _(click to see)_\n- [Dusty Burst](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002F03e9d8f2fbf886aa1505c61c81d782a0\u002F) _(click to see)_\n- [Twitter Fav](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002FwWdRLk\u002F) _(click to see)_\n- [Twitter Fav (stars)](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002FPzmAym\u002F) _(click to see)_\n- [Twitter Fav Firework](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002FxOAKKA\u002F) _(click to see)_\n- [Simple Ripple](https:\u002F\u002Fcodepen.io\u002Fsol0mka\u002Ffull\u002FXKdWJg\u002F) _(click to see)_\n\n## Browser support\n- Chrome 49+\n- Firefox 70+\n- Opera 36+\n- Safari 8+\n- Edge 79+\n\n> Many other browsers may work, but are not extensively tested.\n\n## Maintainers\nSince 2019, mojs ecosystem is **maintained and developed** by:\n- [Xavier Foucrier](https:\u002F\u002Fgithub.com\u002Fxavierfoucrier)\n- [Jonas Sandstedt](https:\u002F\u002Fgithub.com\u002FSandstedt)\n\n## Contribute\nIf you want to report a bug or request a new feature\u002Fimprovement, please **read the project [contributors guidelines](.github\u002FCONTRIBUTING.md) before**. Thanks for taking time to contribute.\n","mojs是一个专为网页设计的运动图形工具库。它采用CoffeeScript编写，提供快速、高分辨率支持、模块化且开源的特点。通过其声明式API，开发者能够轻松控制和定制动画效果。mojs内置了多种组件如HTML、形状、漩涡等，帮助用户从零开始创建动画，并提供了丰富的工具来自然地调整动画细节。适用于需要增强用户体验、丰富视觉内容以及创建吸引人的动画效果的各种网站项目中。此外，该库既可以通过npm安装后与现代JavaScript打包工具如webpack配合使用，也支持通过CDN直接引入的方式快速集成到网页中。","2026-06-11 03:30:11","top_topic"]