{"_rev":"6-e30af5c6bf1559187305a66ff5a1c92e","time":{"created":"2024-05-18T02:21:09.922Z","11.2.4-fix":"2024-05-18T02:04:40.693Z","modified":"2024-05-18T02:21:10.685Z","11.2.4":"2024-05-18T02:18:35.342Z","11.2.4--fix":"2024-05-18T02:21:10.344Z"},"_id":"@apad/framer-motion","name":"@apad/framer-motion","dist-tags":{"latest":"11.2.4--fix"},"versions":{"11.2.4--fix":{"name":"@apad/framer-motion","version":"11.2.4--fix","description":"A simple and powerful JavaScript animation library","main":"dist/cjs/index.js","module":"dist/es/index.mjs","exports":{".":{"types":"./dist/index.d.ts","require":"./dist/cjs/index.js","import":"./dist/es/index.mjs","default":"./dist/cjs/index.js"},"./dom":{"types":"./dist/dom-entry.d.ts","require":"./dist/cjs/dom-entry.js","import":"./dist/es/dom-entry.mjs","default":"./dist/cjs/dom-entry.js"},"./package.json":"./package.json"},"types":"dist/index.d.ts","license":"MIT","repository":{"type":"git","url":"git+https://github.com/framer/motion.git"},"sideEffects":false,"keywords":["react animation","react","three","3d","pose","react pose","animation","gestures","drag","spring","popmotion","framer","waapi"],"scripts":{"eslint":"yarn run lint","lint":"yarn eslint src/**/*.ts","build":"yarn clean && tsc -p . && rollup -c && node ./scripts/check-bundle.js","dev":"yarn watch","clean":"rm -rf types dist lib","test":"yarn test-server && yarn test-client","test-ci":"yarn test","test-client":"jest --config jest.config.json --max-workers=2","test-server":"jest --config jest.config.ssr.json","test-watch":"jest --watch --coverage --coverageReporters=lcov --config jest.config.json","test-appear":"yarn run collect-appear-tests && start-server-and-test 'pushd ../../; python -m SimpleHTTPServer; popd' http://0.0.0.0:8000 'cypress run -s cypress/integration/appear.chrome.ts --config baseUrl=http://localhost:8000/'","test-projection":"yarn run collect-projection-tests && start-server-and-test 'pushd ../../; python -m SimpleHTTPServer; popd' http://0.0.0.0:8000 'cypress run -s cypress/integration/projection.chrome.ts --config baseUrl=http://localhost:8000/'","test-e2e-chrome":"start-server-and-test start-dev-server http://localhost:9990 'cypress run --headless --browser chrome --spec \"cypress/integration/layout-relative.chrome.ts\"'","test-e2e-electron":"start-server-and-test start-dev-server http://localhost:9990 'cypress run --headless --config ignoreTestFiles=*.chrome.ts'","test-e2e":"yarn test-appear && yarn test-projection && yarn test-e2e-electron","test-e2e-file":"start-server-and-test start-dev-server http://localhost:9990 'cypress run --headless --spec \"cypress/integration/while-in-view.ts\"'","collect-appear-tests":"node ../../dev/optimized-appear/collect-appear-tests.js","collect-projection-tests":"node ../../dev/projection/collect-projection-tests.js","prettier":"prettier ./src/* --write","watch":"concurrently -c blue,red -n tsc,rollup --kill-others \"tsc --watch -p . --preserveWatchOutput\" \"rollup --config --watch --no-watch.clearScreen\"","measure":"rollup -c ./rollup.size.config.mjs && webpack --config webpack.size.config.js && bundlesize","start-dev-server":"webpack serve --config ../../dev/webpack/config.js --hot"},"publishConfig":{"access":"public"},"dependencies":{"tslib":"^2.4.0"},"peerDependencies":{"@emotion/is-prop-valid":"*","react":"^18.0.0","react-dom":"^18.0.0"},"peerDependenciesMeta":{"@emotion/is-prop-valid":{"optional":true},"react":{"optional":true},"react-dom":{"optional":true}},"bundlesize":[{"path":"./dist/size-rollup-motion.js","maxSize":"32.81 kB"},{"path":"./dist/size-rollup-m.js","maxSize":"5.5 kB"},{"path":"./dist/size-rollup-dom-animation.js","maxSize":"16.6 kB"},{"path":"./dist/size-rollup-dom-max.js","maxSize":"28.2 kB"},{"path":"./dist/size-rollup-animate.js","maxSize":"17.8 kB"},{"path":"./dist/size-webpack-m.js","maxSize":"5.99 kB"},{"path":"./dist/size-webpack-dom-animation.js","maxSize":"21.7 kB"},{"path":"./dist/size-webpack-dom-max.js","maxSize":"34.1 kB"}],"_id":"@apad/framer-motion@11.2.4--fix","gitHead":"c19315ab30e2048707e26821837ff1d176e8ca0d","bugs":{"url":"https://github.com/framer/motion/issues"},"homepage":"https://github.com/framer/motion#readme","_nodeVersion":"18.20.2","_npmVersion":"10.5.0","dist":{"integrity":"sha512-0ZtQkTGC8fB++uRnjjiC4UKdL+16i2TOWq6qWF8vqaYXgsv2oT6m06Oh3Wwi9PuX0gdjC9Ga+RHJwMTx1cKgIA==","shasum":"01e472f2525d7fe63de580a03b337ff8e7970501","tarball":"https://registry.npmjs.org/@apad/framer-motion/-/framer-motion-11.2.4--fix.tgz","fileCount":313,"unpackedSize":2243862,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEJ/Q6PA2Cd1noUpJ4gHISiN6ZhnxZz02850s/e7kk2lAiEA9+yImCJ+mxMMQejH4egl9RRk0OyDN0F7oyFpzcibduE="}]},"_npmUser":{"name":"apades","email":"a13258267680@gmail.com"},"directories":{},"maintainers":[{"name":"apades","email":"a13258267680@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/framer-motion_11.2.4--fix_1715998870037_0.021472270358576573"},"_hasShrinkwrap":false}},"maintainers":[{"name":"apades","email":"a13258267680@gmail.com"}],"description":"A simple and powerful JavaScript animation library","homepage":"https://github.com/framer/motion#readme","keywords":["react animation","react","three","3d","pose","react pose","animation","gestures","drag","spring","popmotion","framer","waapi"],"repository":{"type":"git","url":"git+https://github.com/framer/motion.git"},"bugs":{"url":"https://github.com/framer/motion/issues"},"license":"MIT","readme":"

\n \"Framer\n

\n

Framer Motion

\n

\n An open source motion library for React, made by Framer.\n

\n

\nMotion powers Framer, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.\n

\n
\n

\n \n \"Start\n \n

\n
\n

\n \n \"Framer\n \n

\n\n
\n\n

\n \n \n \n \n \n \n \n \n \n \n \"Chat\n \n

\n\n
\n
\n
\n\nFramer Motion is an open source, production-ready library that’s designed for all creative developers.\n\nIt looks like this:\n\n```jsx\n\n```\n\nIt does all this:\n\n- [Springs](https://www.framer.com/docs/transition/#spring?utm_source=motion-readme-docs)\n- [Keyframes](https://www.framer.com/docs/animation/##keyframes?utm_source=motion-readme-docs)\n- [Layout animations](https://www.framer.com/docs/layout-animations/?utm_source=motion-readme-docs)\n- [Shared layout animations](https://www.framer.com/docs/layout-animations/#shared-layout-animations?utm_source=motion-readme-docs)\n- [Gestures (drag/tap/hover)](https://www.framer.com/docs/gestures/?utm_source=motion-readme-docs)\n- [Scroll animations](https://www.framer.com/docs/scroll-animations?utm_source=motion-readme-docs)\n- [SVG paths](https://www.framer.com/docs/component/###svg-line-drawing?utm_source=motion-readme-docs)\n- [Exit animations](https://www.framer.com/docs/animate-presence/?utm_source=motion-readme-docs)\n- Server-side rendering\n- [Hardware-accelerated animations](https://www.framer.com/docs/animation/#hardware-accelerated-animations?utm_source=motion-readme-docs)\n- [Orchestrate animations across components](https://www.framer.com/docs/animation/##orchestration?utm_source=motion-readme-docs)\n- [CSS variables](https://www.framer.com/docs/component/##css-variables?utm_source=motion-readme-docs)\n\n...and a whole lot more.\n\n## Get started\n\n### πŸ‡ Quick start\n\nInstall `framer-motion` with via your package manager:\n\n```\nnpm install framer-motion\n```\n\nThen import the `motion` component:\n\n```jsx\nimport { motion } from \"framer-motion\"\n\nexport const MyComponent = ({ isVisible }) => (\n \n)\n```\n\n### πŸ“š Docs\n\n- Check out [our documentation](https://www.framer.com/docs/?utm_source=motion-readme-docs) for guides and a full API reference.\n- Or see [our examples](https://www.framer.com/docs/examples/?utm_source=motion-readme-docs) for inspiration.\n\n### πŸ’Ž Contribute\n\n- Want to contribute to Framer Motion? Our [contributing guide](https://github.com/framer/motion/blob/master/CONTRIBUTING.md) has you covered.\n\n### πŸ‘©πŸ»β€βš–οΈ License\n\n- Framer Motion is MIT licensed.\n\n### ✨ Framer\n\n- Design and publish sites that inspire. [Try Framer for free](https://www.framer.com/?utm_source=motion-readme).\n","readmeFilename":"README.md"}