{ "manifest": { "name": "framer-motion", "version": "6.5.1", "description": "A simple and powerful React animation library", "main": "dist/cjs/index.js", "module": "dist/es/index.mjs", "exports": { ".": { "require": "./dist/cjs/index.js", "import": { "types": "./dist/index.d.ts", "default": "./dist/es/index.mjs" }, "default": "./dist/cjs/index.js" }, "./package.json": "./package.json" }, "types": "dist/index.d.ts", "author": { "name": "Framer" }, "license": "MIT", "repository": { "type": "git", "url": "https://github.com/framer/motion/" }, "sideEffects": false, "keywords": [ "react animation", "react", "three", "3d", "pose", "react pose", "animation", "gestures", "drag", "spring", "popmotion", "framer" ], "scripts": { "lint": "yarn eslint src/**/*.ts", "build": "yarn clean && tsc -p . && rollup -c && webpack --config webpack.size.config.js", "dev": "yarn watch", "clean": "rm -rf types dist lib", "test": "yarn test-server && yarn test-client", "test-ci": "yarn test", "test-client": "jest --coverage --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-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-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-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\"", "prepack": "yarn build", "postpublish": "git push --tags", "measure": "bundlesize", "start-dev-server": "webpack serve --config ../../dev/webpack/config.js --hot" }, "peerDependencies": { "react": ">=16.8 || ^17.0.0 || ^18.0.0", "react-dom": ">=16.8 || ^17.0.0 || ^18.0.0" }, "dependencies": { "@motionone/dom": "10.12.0", "framesync": "6.0.1", "hey-listen": "^1.0.8", "popmotion": "11.0.3", "style-value-types": "5.0.0", "tslib": "^2.1.0" }, "devDependencies": { "jest": "^27.4.7", "jest-dom": "^3.5.0", "styled-components": "^4.1.1" }, "optionalDependencies": { "@emotion/is-prop-valid": "^0.8.2" }, "bundlesize": [ { "path": "./dist/size-rollup-m.js", "maxSize": "6.5 kB" }, { "path": "./dist/size-rollup-dom-animation.js", "maxSize": "17.3 kB" }, { "path": "./dist/size-rollup-dom-max.js", "maxSize": "28.5 kB" }, { "path": "./dist/size-webpack-m.js", "maxSize": "6.7 kB" }, { "path": "./dist/size-webpack-dom-animation.js", "maxSize": "19.7 kB" }, { "path": "./dist/size-webpack-dom-max.js", "maxSize": "31.7 kB" } ], "gitHead": "487d9ac1327306e63d2425d811b324879c74c619", "_registry": "npm", "_loc": "/homez.1033/heliovt/.cache/yarn/v6/npm-framer-motion-6.5.1-802448a16a6eb764124bf36d8cbdfa6dd6b931a7-integrity/node_modules/framer-motion/package.json", "readmeFilename": "README.md", "readme": "

\n \"Framer\n

\n

Framer Motion

\n

\n An open source and production-ready motion
library for React on the web.\n

\n\n
\n\n

\n \n \n \n \n \n \n \n \n \n \n \"Chat\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\n- Keyframes\n- Layout animations\n- Shared layout animations\n- Gestures (drag/tap/hover)\n- SVG paths\n- Exit animations\n- Server-side rendering\n- Orchestrate animations across components\n- CSS variables\n\n...and a whole lot more.\n\n## Get started\n\n### 🐇 Quick start\n\n```\nnpm install framer-motion\n```\n\n```jsx\nimport { motion } from \"framer-motion\"\n\nexport const MyComponent = ({ isVisible }) => (\n \n)\n```\n\n### 📚 Docs\n\nCheck out [our documentation](https://www.framer.com/docs/) for guides and a full API reference.\n\nOr checkout [our examples](https://www.framer.com/docs/examples/) for inspiration.\n\n### 🛠 Contribute\n\nWant to contribute to Framer Motion? Our [contributing guide](https://github.com/framer/motion/blob/master/CONTRIBUTING.md) has you covered.\n\n### 👩🏻‍⚖️ License\n\nFramer Motion is MIT licensed.\n\n## Framer\n\nGet on the same page as your designers before production. Get started with [design and prototyping in Framer](https://www.framer.com/).\n", "licenseText": "The MIT License (MIT)\n\nCopyright (c) 2018 Framer B.V.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, "artifacts": [], "remote": { "resolved": "https://registry.yarnpkg.com/framer-motion/-/framer-motion-6.5.1.tgz#802448a16a6eb764124bf36d8cbdfa6dd6b931a7", "type": "tarball", "reference": "https://registry.yarnpkg.com/framer-motion/-/framer-motion-6.5.1.tgz", "hash": "802448a16a6eb764124bf36d8cbdfa6dd6b931a7", "integrity": "sha512-o1BGqqposwi7cgDrtg0dNONhkmPsUFDaLcKXigzuTFC5x58mE8iyTazxSudFzmT6MEyJKfjjU8ItoMe3W+3fiw==", "registry": "npm", "packageName": "framer-motion", "cacheIntegrity": "sha512-o1BGqqposwi7cgDrtg0dNONhkmPsUFDaLcKXigzuTFC5x58mE8iyTazxSudFzmT6MEyJKfjjU8ItoMe3W+3fiw== sha1-gCRIoWput2QSS/NtjL36bda5Mac=" }, "registry": "npm", "hash": "802448a16a6eb764124bf36d8cbdfa6dd6b931a7" }