{"_id":"@aloento/mojs","_rev":"2-bf012731f7d7638bfbba6544022e04c0","name":"@aloento/mojs","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@aloento/mojs","version":"1.0.0","description":"The motion graphics toolbelt for the web","source":"src/mojs.js","main":"dist/mo.mjs","type":"module","types":"src/index.d.ts","scripts":{"build":"rollup -c"},"repository":{"type":"git","url":"git+https://github.com/Aloento/MoJS.git"},"keywords":["motion","graphics","toolbelt","effects","animation"],"author":{"name":"Aloento"},"license":"Apache License 2.0","homepage":"https://github.com/Aloento/MoJS","devDependencies":{"rollup":"^2.70.1"},"dependencies":{},"gitHead":"a7624f581ed8b5671829c5a3738197e8895c2180","bugs":{"url":"https://github.com/Aloento/MoJS/issues"},"_id":"@aloento/mojs@1.0.0","_nodeVersion":"17.8.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-EJBSjXCuR+32rZDBstyiN+n0lZf/I/bcd2q7o8SXA6tnRPLWriCoVujH3GjyEyt9TUdLW3b/eW3hPk30GBRpPw==","shasum":"fb0306a3c58337e665f2b4b1461a84e1c0532369","tarball":"https://registry.npmjs.org/@aloento/mojs/-/mojs-1.0.0.tgz","fileCount":5,"unpackedSize":310769,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5/3/DuEesVjNKhHSAH/LoBWUEsNavzh7W5BEmmFmATgIhAOJi3mpQDybHj6y11IC/O/Q3OgDQF6IWRmb2I+39KNTC"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiV2egACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpuyA//ZF7+vDEZkn8Mc9l2HL8S/mig7FWszi6t2/E/J/wEeoOIQdYs\r\n9nXXjQQ2Lxv/vTB14R3FYG54kWv87iFmDjvsjM5PVs27vlS85o88LJqlChff\r\n4tJmOCSdMX25K77+qLfVnk/wEvHHcA0AjNzCT5uuEblD4KsIeA5hlI57p8e5\r\npvzL0WMYei3paWUfAwUZ2oLzCMVPoZ8eepRxuD6LvbwUY9UuttkzVRBdYBNb\r\np45OyrW7Y0GLM4Fl8rd9b9tK7sMaxYo5sd4jhUQyi+kNL30rlTjqAiwNfjAM\r\nxNXYIUv8KSQ5IcVM4rSpwRpZXlYrfH8s+nXgqG6NsKlw0KUro763wj0eD2kz\r\nxg7Fx3zK5DB36h9kugQwkle9pvhmlAB0kTG/gXgIalHTgTaI0pytSvgLLaeU\r\nGbO7quROdS/A95098KbtmeVuubwU/CaLe0qWpVV6QkiqIiNpINiyzb2h7l8C\r\nOeNNTj0Se7Cr44fuxGrmrk5fnU+L/lVYKNBau9gqZCHSibaG77g6UnWwILoq\r\nRF9EFlOXvvC+cIE5EVfE0n/V6E9BUFJ9VWh1acxYJDwYXUKmXjt1NBwzTA8P\r\nOfgkUu5R+UKQThmL/NvUma4ldu1OA17q2gnzhovW5SxQWQaeYi+kqACHVMpj\r\ntXErGlN8lCNUFaUjMD3hMSyhP3JhyVM7XNQ=\r\n=ODM6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"aloento","email":"Aloento@Q-Audio.org"},"directories":{},"maintainers":[{"name":"aloento","email":"Aloento@Q-Audio.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mojs_1.0.0_1649895327600_0.8522414125288089"},"_hasShrinkwrap":false},"1.0.1":{"name":"@aloento/mojs","version":"1.0.1","description":"The motion graphics toolbelt for the web","source":"src/mojs.js","main":"dist/mo.mjs","type":"module","types":"src/index.d.ts","scripts":{"build":"rollup -c"},"repository":{"type":"git","url":"git+https://github.com/Aloento/MoJS.git"},"keywords":["motion","graphics","toolbelt","effects","animation"],"author":{"name":"Aloento"},"license":"Apache License 2.0","homepage":"https://github.com/Aloento/MoJS","devDependencies":{"rollup":"^2.70.1"},"dependencies":{},"gitHead":"4573e61ef2a064a4675288b366d48a81a81aab7c","bugs":{"url":"https://github.com/Aloento/MoJS/issues"},"_id":"@aloento/mojs@1.0.1","_nodeVersion":"17.8.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-GO+V4DsQX9PtBatb8yfis+4u2g+LjuZazPeQVVZpwO5FUIZnnVfkCi8fktsLw4tZDOhqQaRR2sRmVbLj9BzJ6g==","shasum":"4a1c6c4e7af1b1619c41f0fb00b583af6add0fc0","tarball":"https://registry.npmjs.org/@aloento/mojs/-/mojs-1.0.1.tgz","fileCount":5,"unpackedSize":307175,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHRb2uP35Zv54WmY7/bRsdzt/TsjqnoSLIMlLMo4jplKAiBJsiDA5w9AhaVZZj97AmeKWE71sFZfTjlRNfagxhSVKQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiV2wRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpkuw/8Cnar2/1GUW/C1YnS0Kza0l3UkkTvWqAz55FYGCBQJnBe5Fp7\r\nzhzDMyKQNnSA2sQLEjZVihaXjQp8TdaPHcgU49odaLhR1pBkDgnwQnQfD4Hy\r\n8jDZmIrcHC8LNsSGWYfhLPqBlawhGucUJU/wq05wo6LtOAD17f+vsWH3BrYq\r\n8AFF9B4l++SLJYL6X71dIbSG+NpyzedX1J4/ejq02nhP+oxgBb+cOPNpmCtX\r\n1DPDrx3HjCxi7MwmMw5H9EMoWH762USwM3LM6PGpev0d2wTTvCiGxUPbiOLJ\r\n3JFq6w/KcGF+gZmGui8wl0ors0svCcJnLgtaatwlEDJ72jgD8in6C/3xiL/X\r\nVqyeiRUB046C4ws7MQj0WaNiurqUguy4DCuWvhnVGqwI/oC/h4UYhWABqgrG\r\n9bMtyTorRxRyHlJX+953OXdpCLXGF094+kfKz/Ycpjqaku8N5m9lEahgbN5i\r\nUlvUyJDK7juYdWaRL/XuHRQbUuCfuHnnS7Fj4MaiM4kcllL1KWL+LCOBYiro\r\nXotiJ44X/FM0p7RGL5bHyCGPMM2+Rtoe0Q3vE62iaqUtFQLI/Ri2I754TTaS\r\npRkaZOIR3S4hcHitI/WFk19dJK4q5mCSJcKw4Yay9+s4APKUnDuQjqle+Ivh\r\nDcjA/h7wLGYwHIueci0FNBlkh8Ad6hKr0JI=\r\n=Bk0v\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"aloento","email":"Aloento@Q-Audio.org"},"directories":{},"maintainers":[{"name":"aloento","email":"Aloento@Q-Audio.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mojs_1.0.1_1649896464993_0.491860228272309"},"_hasShrinkwrap":false},"1.0.2":{"name":"@aloento/mojs","version":"1.0.2","description":"The motion graphics toolbelt for the web","source":"src/mojs.js","main":"dist/mo.mjs","type":"module","types":"src/index.d.ts","scripts":{"build":"rollup -c"},"repository":{"type":"git","url":"git+https://github.com/Aloento/MoJS.git"},"keywords":["motion","graphics","toolbelt","effects","animation"],"author":{"name":"Aloento"},"license":"Apache License 2.0","homepage":"https://github.com/Aloento/MoJS","devDependencies":{"rollup":"^2.70.1"},"dependencies":{},"gitHead":"1d97ad0ff2c8fa92c9181890a2b5b1b7a3123644","bugs":{"url":"https://github.com/Aloento/MoJS/issues"},"_id":"@aloento/mojs@1.0.2","_nodeVersion":"17.8.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-9aP1DDfzef63aBaxTuoRoCQTcGGHxThvOWBqw6HqAf2kTW6aYQoZBvwtknBQw/+Q5QAjfqrZ96ullwM+zUnjYA==","shasum":"82c5ffcbd9fd2075d577f530f4bb75b77acb6511","tarball":"https://registry.npmjs.org/@aloento/mojs/-/mojs-1.0.2.tgz","fileCount":5,"unpackedSize":308485,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIASek2T+aODufIef8vCoDKj099RIFHD0q4fPCRmT4QUVAiEAm+G0gF+3wgdAlDvhvAfJ+ck10de/znU50BIXskF5ttk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXxiUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmri2w/8CZKQZa+G6qxK1Wgqpn+NjOZZ5EG0K10F9QQ+gH2NS/6JPcmQ\r\no2G38T3lzimp561A9y9PTl7YIGBHL6xAhxpv5dxnh9kvwOdaXcLkm86QT9TN\r\nA41lsyqHdSKMCnvVM1fHBWfjaoqc+2cFIDx/Dxs60pFy2p6s1j1i3lXqfGo2\r\nRd1/xcn7nmCy50M9YRlOBl3xiVRZA/T6P9nE50aIkBBjQQFPdJ+5qGDvT8ol\r\nzZv54x3Md7ix/AIC1L42ZieDA0+yyowjNhp7WbiLeFK/s20xmn206m3nOb9a\r\ndTprHbxdKISCtTkmL9rLIEsUHQa7mN0Dk5JNAT6Qd4TajdPF4aVs5vXHRjBJ\r\nugud6AjYsuMHr4vtguVrfFqX4s5sz/o2QF+3D2bfI2/2zSoVVbVWcnVtKOEq\r\nD03T6ye2PnbiMUipM9JL66TtBHwKXNxFyPG/3rbORUZ4mhwGeWEw6D8Bh7vV\r\nSeXsyTMH6tiNElDs5W2HW1ItF+oQAHalDzCC80ZaR/Or/KKaJefIqtoctJKg\r\ncRVjH9tY76jcDTwd2GZW+OeARTTCjiTsbJyC9MVoX5EqT1hDwbxV0pnypuhW\r\n+HW90T+IlUmAA818+A1dqBYMTjNYDzTTNedQBwJBk0PHnwl2DJCeb/NGmIov\r\nkgZeWhgnfX1iq3/TF8vpPztk+u7y+/b0ACE=\r\n=HAeY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"aloento","email":"Aloento@Q-Audio.org"},"directories":{},"maintainers":[{"name":"aloento","email":"Aloento@Q-Audio.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mojs_1.0.2_1650399379806_0.12158363738668543"},"_hasShrinkwrap":false}},"time":{"created":"2022-04-14T00:15:27.532Z","1.0.0":"2022-04-14T00:15:27.980Z","modified":"2022-04-19T20:16:20.098Z","1.0.1":"2022-04-14T00:34:25.160Z","1.0.2":"2022-04-19T20:16:20.022Z"},"maintainers":[{"name":"aloento","email":"Aloento@Q-Audio.org"}],"description":"The motion graphics toolbelt for the web","homepage":"https://github.com/Aloento/MoJS","keywords":["motion","graphics","toolbelt","effects","animation"],"repository":{"type":"git","url":"git+https://github.com/Aloento/MoJS.git"},"author":{"name":"Aloento"},"bugs":{"url":"https://github.com/Aloento/MoJS/issues"},"license":"Apache License 2.0","readme":"# [mo · js](https://www.npmjs.com/package/@aloento/mojs)\r\n\r\nThe motion graphics toolbelt for the web with **Types**.\r\n\r\n## Intro\r\n\r\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.\r\n\r\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.\r\n\r\n## Install\r\n\r\n### Use with a bundler\r\n\r\nMojs is published on the **NPM registry** and **GPR 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`.\r\n\r\n```sh\r\n# npm\r\nnpm install @aloento/mojs\r\n\r\n# yarn\r\nyarn add @aloento/mojs\r\n```\r\n\r\nThen **import it like any other module** inside your build:\r\n\r\n```js\r\nimport mojs from \"@aloento/mojs\";\r\n\r\nnew mojs.Html({\r\n  // ...\r\n});\r\n```\r\n\r\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.\r\n\r\n## User guide\r\n\r\nThe base documentation you need to get started with mojs.\r\n\r\n- [Get started](https://mojs.github.io/tutorials/getting-started.html)\r\n- [@mojs/player](https://github.com/mojs/mojs-player/)\r\n- [@mojs/curve-editor](https://github.com/mojs/mojs-curve-editor/)\r\n- [@mojs/timeline-editor](https://github.com/mojs/mojs-timeline-editor/)\r\n\r\n## Learn\r\n\r\nDiscover the amazing things that mojs can do!\r\n\r\n- [Shape & Swirl](https://mojs.github.io/tutorials/shape-swirl/) _(Tutorial)_\r\n- [Burst](https://mojs.github.io/tutorials/burst/) _(Tutorial)_\r\n- [Icon animations powered by mo.js](https://tympanus.net/codrops/2016/02/23/icon-animations-powered-by-mo-js/) _(Codrops tutorial)_\r\n- [An Introduction to mo.js](https://css-tricks.com/introduction-mo-js/) _(CSS tricks tutorial)_\r\n- [Playing with @mojs/player and @mojs/curve-editor](https://vimeo.com/185587462) _(Vimeo video)_\r\n- [Web animations and mo.js](https://www.youtube.com/watch?v=yRxWa8lXasI) _(Youtube video)_\r\n\r\n## Developer\r\n\r\nGet technical informations, open an issue/pull request or join the (amazing) community!\r\n\r\n- [API documentation](https://mojs.github.io/api/)\r\n- [Github](https://github.com/mojs/mojs/)\r\n- [Slack workspace](https://mojs.slack.com) _(Not in the workspace yet? Use the [invite link](https://join.slack.com/t/mojs/shared_invite/zt-dlyxhupt-VR7eV2uwCnvu3Cx~Yc_L9Q) 🔓)_\r\n\r\n## Showcase\r\n\r\n- [Motion Graphics for the Web](https://codepen.io/sol0mka/full/ogOYJj/)\r\n- [Bubble Layout](https://codepen.io/sol0mka/full/yNOage/)\r\n- [Sleepy Mole](https://codepen.io/sol0mka/full/OyzBXR/)\r\n- [Animocons](https://tympanus.net/Development/Animocons/)\r\n- [Love or Hate Modal](https://codepen.io/sol0mka/full/812699ce32c9a7aeb70c9384b32a533a/)\r\n- [Mograph](https://codepen.io/sol0mka/full/39427561a8a0b15d7896480a7d96d3d1/)\r\n- [Word Reveal](https://codepen.io/sol0mka/full/c94452fb65dbf676b0ae8a12d4267473/)\r\n- [Jump and Squash](https://codepen.io/sol0mka/full/pEagoL/)\r\n- [Physical Balls](https://codepen.io/sol0mka/full/7315f4364360ec87a6655d33782702fe/)\r\n- [Dust Trail](https://codepen.io/sol0mka/full/633e6aa52d40691cca2f2cda91650bae/)\r\n- [Bubble Modal](https://codepen.io/sol0mka/full/3c49de2d7d0ca3e92bf5db5bf7a2687d/)\r\n- [Bubbles](https://codepen.io/sol0mka/full/2ef10ed42ff535182c31cd1dbb81e453/)\r\n- [Blast](https://codepen.io/sol0mka/full/699cfc8716a13e0e1c15105af2b6fb95/) _(click to see)_\r\n- [Simple Burst](https://codepen.io/sol0mka/full/6caf96461207a5caa9226fbd2631569d/) _(click to see)_\r\n- [Dusty Burst](https://codepen.io/sol0mka/full/03e9d8f2fbf886aa1505c61c81d782a0/) _(click to see)_\r\n- [Twitter Fav](https://codepen.io/sol0mka/full/wWdRLk/) _(click to see)_\r\n- [Twitter Fav (stars)](https://codepen.io/sol0mka/full/PzmAym/) _(click to see)_\r\n- [Twitter Fav Firework](https://codepen.io/sol0mka/full/xOAKKA/) _(click to see)_\r\n- [Simple Ripple](https://codepen.io/sol0mka/full/XKdWJg/) _(click to see)_\r\n\r\n## Browser support\r\n\r\n- Chrome 49+\r\n- Firefox 70+\r\n- Opera 36+\r\n- Safari 8+\r\n- Edge 79+\r\n\r\n> Many other browsers may work, but are not extensively tested.\r\n\r\n## Maintainers\r\n\r\nSince 2019, mojs ecosystem is **maintained and developed** by:\r\n\r\n- [Xavier Foucrier](https://github.com/xavierfoucrier)\r\n- [Jonas Sandstedt](https://github.com/Sandstedt)\r\n\r\n## Contribute\r\n\r\nIf you want to report a bug or request a new feature/improvement, please **read the project [contributors guidelines](.github/CONTRIBUTING.md) before**. Thanks for taking time to contribute.\r\n","readmeFilename":"README.md"}