{"_id":"@avent-ui/magneto","_rev":"6-f39f784ee240f1bd75324430fd50a1b9","name":"@avent-ui/magneto","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.0":{"name":"@avent-ui/magneto","version":"1.0.0","keywords":["magnet","magnetic","effect","aventure"],"author":{"name":"Aathi Eswar S"},"license":"MIT","_id":"@avent-ui/magneto@1.0.0","maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"dist":{"shasum":"e03317bbd074accc14ebce8bb2a18f16dd16c72e","tarball":"https://registry.npmjs.org/@avent-ui/magneto/-/magneto-1.0.0.tgz","fileCount":9,"integrity":"sha512-BFOpWCZSu9ejuOTe3G0Adx+XVoWpLrKVMpmzaEZpDivg9lRDf8fbGCrkc9/PnRslWvIBzM0wzVN5eU1tOBVfzA==","signatures":[{"sig":"MEUCIHSxdjVSWv9DWxVQSfLWfy3ut9jP9oGzLjHhUh50zue+AiEAwhipEKEeKxGer5NGkLGhXzRmQ1lUvUmfdwMEVxWss+o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1385439},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"f714d16478f2996e83bc5f9ffc66ff2e2a66e4ae","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"aathieswar","email":"aathi28082003@gmail.com"},"_npmVersion":"9.8.1","description":"Container for Magnetic Effect","directories":{},"_nodeVersion":"21.7.1","dependencies":{"gsap":"^3.12.5","react":"^18.3.1","react-dom":"^18.3.1"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.25.0","typescript":"^5.6.3","postcss-cli":"^11.0.0","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/magneto_1.0.0_1731425458154_0.7967504252869058","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@avent-ui/magneto","version":"1.0.1","keywords":["magnet","magnetic","effect","aventure"],"author":{"name":"Aathi Eswar S"},"license":"MIT","_id":"@avent-ui/magneto@1.0.1","maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"dist":{"shasum":"531bad816ad987fc2c76a38c17dd8bf6899ef28c","tarball":"https://registry.npmjs.org/@avent-ui/magneto/-/magneto-1.0.1.tgz","fileCount":9,"integrity":"sha512-uCa7E2pdXKHJX4c45xQIDBMVBDXtCtJzCgY0JdgoFSuE1YhWLke6LDxkHe9ikVHvIR2o8ncdo595iHVYI5aqeA==","signatures":[{"sig":"MEUCIHLINGvX0ZcyZyRTOo+kGvQPBBSN0ZIHR8n4DzdSmYoXAiEAohAmwWNGkdSN3ywyvoVCHQtb/lTp1sjL3sndERg0aQ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1385439},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"73795d47c0ec5b0fa72b27c3bfa4e3563df981de","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"aathieswar","email":"aathi28082003@gmail.com"},"_npmVersion":"9.8.1","description":"Container for Magnetic Effect","directories":{},"_nodeVersion":"21.7.1","dependencies":{"gsap":"^3.12.5","react":"^18.3.1","react-dom":"^18.3.1"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.25.0","typescript":"^5.6.3","postcss-cli":"^11.0.0","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/magneto_1.0.1_1731426601075_0.44871787138200747","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@avent-ui/magneto","version":"1.0.2","keywords":["magnet","magnetic","effect","aventure"],"author":{"name":"Aathi Eswar S"},"license":"MIT","_id":"@avent-ui/magneto@1.0.2","maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"dist":{"shasum":"ae8d4b6e5b942d165eb89d85523455ca52df7475","tarball":"https://registry.npmjs.org/@avent-ui/magneto/-/magneto-1.0.2.tgz","fileCount":9,"integrity":"sha512-k2i09lor/wLhIBC3xA3oUwIAmMIuSVLYFnnX9/YH1cqUH35PVpZan27K9DaZL91cQh+XzCjuMS2ZI2bCnIHQng==","signatures":[{"sig":"MEUCIQDoLv5RUrMYKmIavkmQdGP2VWm+4NGWW3//gnwhXDJJNAIgIBohPNQ3SQanf0kDq2nLeC0xod/ayEI/tJGhcjTTUhc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1386544},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"bf00f98b9c061bb85eda512225c09822f33a43e6","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"aathieswar","email":"aathi28082003@gmail.com"},"_npmVersion":"9.8.1","description":"Container for Magnetic Effect","directories":{},"_nodeVersion":"21.7.1","dependencies":{"gsap":"^3.12.5","react":"^18.3.1","react-dom":"^18.3.1"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.25.0","typescript":"^5.6.3","postcss-cli":"^11.0.0","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/magneto_1.0.2_1731738486557_0.037489632843470844","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@avent-ui/magneto","version":"1.0.4","keywords":["magnet","magnetic","effect","aventure"],"author":{"name":"Aathi Eswar S"},"license":"MIT","_id":"@avent-ui/magneto@1.0.4","maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"homepage":"https://github.com/AathiEswar/avent-ui/blob/main/src/components/Magneto/README.md","bugs":{"url":"https://github.com/AathiEswar/avent-ui/issues"},"dist":{"shasum":"d80f1d68d9098d5cdf361f9b08f8b82d3b505be7","tarball":"https://registry.npmjs.org/@avent-ui/magneto/-/magneto-1.0.4.tgz","fileCount":10,"integrity":"sha512-HUPDVwZnDojUT8szvy5q3238433B3JDwy807RIAG7HR2z796Eoycd1BF/cTW58ICEZRYwzlk4Lzto3jl92zAPQ==","signatures":[{"sig":"MEUCICDpPVHU0DGXRhDoEcdpCO0JLsBUQIrfiDQMp/BSPMQvAiEA+WdTSVxKobbSxyNyXRAGf56GTyrYJCobQPc2/2QhkV4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1397607},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"ee44080ac8a4fdea4625bce953df989f8de9a1dc","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"aathieswar","email":"aathi28082003@gmail.com"},"repository":{"url":"git+https://github.com/AathiEswar/avent-ui.git#main","type":"git"},"_npmVersion":"9.8.1","description":"Container for Magnetic Effect","directories":{},"_nodeVersion":"21.7.1","dependencies":{"gsap":"^3.12.5","react":"^18.3.1","react-dom":"^18.3.1"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.27.2","postcss":"^8.4.49","typescript":"^5.6.3","postcss-cli":"^11.0.0","tailwindcss":"^3.4.15","@types/react":"^18.3.12","autoprefixer":"^10.4.20","@types/react-dom":"^18.3.1","@rollup/plugin-babel":"^6.0.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-typescript2":"^0.36.0","rollup-plugin-node-resolve":"^5.2.0","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/magneto_1.0.4_1731815105939_0.6631045548108132","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@avent-ui/magneto","version":"1.0.5","keywords":["magnet","magnetic","effect","aventure"],"author":{"name":"Aathi Eswar S"},"license":"MIT","_id":"@avent-ui/magneto@1.0.5","maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"homepage":"https://github.com/AathiEswar/avent-ui/blob/main/src/components/Magneto/README.md","bugs":{"url":"https://github.com/AathiEswar/avent-ui/issues"},"dist":{"shasum":"d4494f223c31a87dfe4bc5f54e341fe5e745b5f8","tarball":"https://registry.npmjs.org/@avent-ui/magneto/-/magneto-1.0.5.tgz","fileCount":10,"integrity":"sha512-avhNW9EwOFd1oAVC6S4+7GieU8UtQqledKWXr06NDleq7pZSCZBdN/g6w2i7BxDasjAeiFAIPFH1fzPA5wayoQ==","signatures":[{"sig":"MEQCICIHwqkj4XF0bNCFMpcq96ZAOOv3s9Gk9hb8EYCk/fp4AiBcqOjmFfPeQw4g1DGnQehBNw7PkdAKz27r9gNPc29WKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1398281},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"77e9fbe11589c6d1d8b87bcff91900aa8276cf42","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"aathieswar","email":"aathi28082003@gmail.com"},"repository":{"url":"git+https://github.com/AathiEswar/avent-ui.git#main","type":"git"},"_npmVersion":"9.8.1","description":"Container for Magnetic Effect","directories":{},"_nodeVersion":"21.7.1","dependencies":{"gsap":"^3.12.5","react":"^18.3.1","react-dom":"^18.3.1"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.27.2","postcss":"^8.4.49","typescript":"^5.6.3","postcss-cli":"^11.0.0","tailwindcss":"^3.4.15","@types/react":"^18.3.12","autoprefixer":"^10.4.20","@types/react-dom":"^18.3.1","@rollup/plugin-babel":"^6.0.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-typescript2":"^0.36.0","rollup-plugin-node-resolve":"^5.2.0","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/magneto_1.0.5_1731816793285_0.8088182812836109","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@avent-ui/magneto","version":"1.0.6","description":"Container for Magnetic Effect","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","sideEffects":false,"exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","types":"./dist/index.d.ts"},"./styles":{"import":"./dist/styles.js","require":"./dist/styles.cjs"},"./styles.css":"./dist/styles.css"},"type":"module","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","prepare":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/AathiEswar/avent-ui.git#main"},"keywords":["magnet","magnetic","avent-ui","avent"],"author":{"name":"Aathi Eswar S"},"license":"MIT","bugs":{"url":"https://github.com/AathiEswar/avent-ui/issues"},"homepage":"https://github.com/AathiEswar/avent-ui/blob/main/src/components/Magneto/README.md","dependencies":{"@tailwindcss/postcss":"^4.1.11","gsap":"^3.12.5","react":"^18.3.1","react-dom":"^18.3.1"},"devDependencies":{"@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^28.0.1","@rollup/plugin-node-resolve":"^15.3.0","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","autoprefixer":"^10.4.20","postcss":"^8.4.49","postcss-cli":"^11.0.0","rollup":"^4.27.2","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.36.0","tailwindcss":"^3.4.15","typescript":"^5.6.3"},"_id":"@avent-ui/magneto@1.0.6","gitHead":"35f2a1f3394bf29f021de620fcfd68d7a69287cc","_nodeVersion":"21.7.1","_npmVersion":"9.8.1","dist":{"integrity":"sha512-56syslJt0RJNr8jUnDnuYNqAIQaS2JuJZ+Zwiw/wZw5jh2wBt4/YfRALuoR2mOFILxrtrRZFeHO/cnJopdYhPw==","shasum":"6ddf0aa6488aa0759d0e0343370dc1238fae980e","tarball":"https://registry.npmjs.org/@avent-ui/magneto/-/magneto-1.0.6.tgz","fileCount":24,"unpackedSize":1388587,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD/JAvVBPuCSqm3cZu2ZheVmZeLI+cIqXRUF2LbRuWeuwIgGQbUr3RoRmeTchvnpWVR+02uZqsUsf6F/JLE3+3miI4="}]},"_npmUser":{"name":"aathieswar","email":"aathi28082003@gmail.com","actor":{"name":"aathieswar","email":"aathi28082003@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/magneto_1.0.6_1751094498163_0.13364776715098792"},"_hasShrinkwrap":false}},"time":{"created":"2024-11-12T15:30:58.079Z","modified":"2025-06-28T07:08:18.599Z","1.0.0":"2024-11-12T15:30:58.465Z","1.0.1":"2024-11-12T15:50:01.359Z","1.0.2":"2024-11-16T06:28:06.847Z","1.0.4":"2024-11-17T03:45:06.240Z","1.0.5":"2024-11-17T04:13:13.512Z","1.0.6":"2025-06-28T07:08:18.439Z"},"bugs":{"url":"https://github.com/AathiEswar/avent-ui/issues"},"author":{"name":"Aathi Eswar S"},"license":"MIT","homepage":"https://github.com/AathiEswar/avent-ui/blob/main/src/components/Magneto/README.md","keywords":["magnet","magnetic","avent-ui","avent"],"repository":{"type":"git","url":"git+https://github.com/AathiEswar/avent-ui.git#main"},"description":"Container for Magnetic Effect","maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"readme":"## AventUI - Magneto \r\n\r\nThe **Magneto** component acts like any traditional container , but with magnetic properties. It includes controls for **period**, and **amplitude** in both axis allowing for dynamic, magnetic-like motion effects.\r\n\r\n### Installation\r\n\r\n### 1. Install the Component via npm:\r\n\r\n```jsx\r\nnpm install @avent-ui/magneto\r\n```\r\n### 2 . Tailwind CSS setup \r\n\r\nAventUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the official [installation guide](https://tailwindcss.com/docs/installation) to install Tailwind CSS. Then you need to add the following code to your tailwind.config.js file:\r\n```jsx\r\n/** @type {import('tailwindcss').Config} */\r\nmodule.exports = {\r\n  content: [\r\n    \"./src/**/*.{js,jsx,ts,tsx}\",\r\n    // make sure it's pointing to the ROOT node_module\r\n    \"./node_modules/@avent-ui/magneto/dist/**/*.{js,ts,jsx,tsx}\",\r\n  ],\r\n  theme: {\r\n    extend: {},\r\n  },\r\n  plugins: [],\r\n}\r\n\r\n```\r\n### 3. Import the Component\r\n\r\n```jsx\r\nimport { Magneto } from '@avent-ui/magneto';\r\n\r\n```\r\n### 4. Use it as a replacement for any container tag\r\n\r\n```jsx\r\n<Magneto>\r\n    Avent UI is Amaaaazing!!\r\n</Magneto>\r\n```\r\n### Properties\r\n\r\n| Prop         | Type       | Description                                       | Default |\r\n|--------------|:----------:|---------------------------------------------------|--------:|\r\n| `periodX`    | `number`   | Frequency of the magnetic movement along the X axis | `0.3`     |\r\n| `periodY`    | `number`   | Frequency of the magnetic movement along the Y axis | `0.3`     |\r\n| `amplitudeX` | `number`   | Intensity of movement along the X axis            | `1`     |\r\n| `amplitudeY` | `number`   | Intensity of movement along the Y axis            | `1`     |\r\n","readmeFilename":"README.md"}