{"_id":"@abundiko/react-marquee","_rev":"3-89853727c3f44b181e93472f7e63c409","name":"@abundiko/react-marquee","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@abundiko/react-marquee","version":"0.1.0","keywords":["marquee","react-marquee","react marquee","react","marquee-slider","next marquee"],"author":{"name":"abundiko"},"license":"MIT","_id":"@abundiko/react-marquee@0.1.0","maintainers":[{"name":"abundiko","email":"abundiko111@gmail.com"}],"homepage":"https://github.com/abundiko/react-marquee#readme","bugs":{"url":"https://github.com/abundiko/react-marquee/issues"},"dist":{"shasum":"bfea34533657e3c2c19c67a07e5e04cdb378b00f","tarball":"https://registry.npmjs.org/@abundiko/react-marquee/-/react-marquee-0.1.0.tgz","fileCount":7,"integrity":"sha512-TWtNEoc5R39ZoYjgIEipXuCF1TuCHaYCcxIqxvrJL3JX11F0TzklTHgWckVJUNXSUA8h8cS79c4tSld7EXMOtA==","signatures":[{"sig":"MEQCICoqhzGNFyn9woh4KU2/8Nm6Io5MrBsIcFkp7dCOVGUWAiAE8UIB+n3HWSonyBpweK7p1un35yoCopTYP8++hrd02Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18767},"main":"dist/index.js","type":"module","types":"./dist/index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc","check-exports":"attw --pack .","local-release":"changeset version && changeset publish"},"_npmUser":{"name":"abundiko","email":"abundiko111@gmail.com"},"repository":{"url":"git+https://github.com/abundiko/react-marquee.git","type":"git"},"_npmVersion":"10.9.2","description":"easy to use and minimal react marquee","directories":{},"_nodeVersion":"22.14.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.7.3","@types/react":"^18.2.0","@changesets/cli":"^2.28.0","@types/react-native":"^0.72.0","@arethetypeswrong/cli":"^0.17.3"},"peerDependencies":{"react":"^18.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-marquee_0.1.0_1757137244307_0.6407770430467306","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@abundiko/react-marquee","version":"0.1.1","keywords":["marquee","react-marquee","react marquee","react","marquee-slider","next marquee"],"author":{"name":"abundiko"},"license":"MIT","_id":"@abundiko/react-marquee@0.1.1","maintainers":[{"name":"abundiko","email":"abundiko111@gmail.com"}],"homepage":"https://github.com/abundiko/react-marquee#readme","bugs":{"url":"https://github.com/abundiko/react-marquee/issues"},"dist":{"shasum":"1cd75be854685877e890d6ab1fe5c1b14e6bbbc1","tarball":"https://registry.npmjs.org/@abundiko/react-marquee/-/react-marquee-0.1.1.tgz","fileCount":7,"integrity":"sha512-YzznWW5h/kBuNhfqPUd0OPptyMZVwasTQrJTTkJGWLDo1dkF3ZZ640W3EA6TZfwArC/uPeG9cIvJsoi575Wz0Q==","signatures":[{"sig":"MEUCIBRGwKRWrrG4JwJXMx59WSVnyo17dnImMxQuHTW7vN+OAiEA94d9bhVGuXFMQfJNZBkgLw4eBusP3mGqwAslCbC/il0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18797},"main":"dist/index.js","type":"module","types":"./dist/index.d.ts","gitHead":"021444435400b54378d204d6379ffda8117439bb","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc","check-exports":"attw --pack .","local-release":"changeset version && changeset publish"},"_npmUser":{"name":"abundiko","email":"abundiko111@gmail.com"},"repository":{"url":"git+https://github.com/abundiko/react-marquee.git","type":"git"},"_npmVersion":"10.9.2","description":"easy to use and minimal react marquee","directories":{},"_nodeVersion":"22.14.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.7.3","@types/react":"^18.2.0","@changesets/cli":"^2.28.0","@types/react-native":"^0.72.0","@arethetypeswrong/cli":"^0.17.3"},"peerDependencies":{"react":"^18.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-marquee_0.1.1_1757138481463_0.09359521442036178","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@abundiko/react-marquee","version":"0.1.2","description":"easy to use and minimal react marquee","keywords":["marquee","react-marquee","react marquee","react","marquee-slider","next marquee"],"repository":{"type":"git","url":"git+https://github.com/abundiko/react-marquee.git"},"license":"MIT","author":{"name":"abundiko"},"type":"module","main":"dist/index.js","scripts":{"build":"tsc","test":"echo \"Error: no test specified\" && exit 1","check-exports":"attw --pack .","local-release":"changeset version && changeset publish"},"devDependencies":{"@arethetypeswrong/cli":"^0.17.3","@changesets/cli":"^2.28.0","@types/react":"^18.2.0","@types/react-native":"^0.72.0","typescript":"^5.7.3"},"peerDependencies":{"react":">=18.3.1"},"gitHead":"29fc76a8294ed32f5a7f3bbf4328db811bd609ce","types":"./dist/index.d.ts","_id":"@abundiko/react-marquee@0.1.2","bugs":{"url":"https://github.com/abundiko/react-marquee/issues"},"homepage":"https://github.com/abundiko/react-marquee#readme","_nodeVersion":"22.14.0","_npmVersion":"11.7.0","dist":{"integrity":"sha512-H8jy21xcZcME2tYUpN2ZzM6HbN4kMw4a/z5D+vT8nf+uSfFY+QZz+b53u/BacMBvtznbz0+9EICEyOXB7GPM5Q==","shasum":"6ae0a94aecc0e2dfc9cac20ce5295c1c037c3943","tarball":"https://registry.npmjs.org/@abundiko/react-marquee/-/react-marquee-0.1.2.tgz","fileCount":7,"unpackedSize":18798,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDKcVEIrGdVyQ7gYzRH0KvBZCSJkKymJGOlL2lhqLp4WAIgYAUwAaB3eiTSOYvXvxhoIVxy6XCxzvv4XkBj8TlYico="}]},"_npmUser":{"name":"abundiko","email":"abundiko111@gmail.com"},"directories":{},"maintainers":[{"name":"abundiko","email":"abundiko111@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-marquee_0.1.2_1768824401109_0.1898200651496198"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-06T05:40:44.092Z","modified":"2026-01-19T12:06:41.354Z","0.1.0":"2025-09-06T05:40:44.514Z","0.1.1":"2025-09-06T06:01:21.654Z","0.1.2":"2026-01-19T12:06:41.238Z"},"bugs":{"url":"https://github.com/abundiko/react-marquee/issues"},"author":{"name":"abundiko"},"license":"MIT","homepage":"https://github.com/abundiko/react-marquee#readme","keywords":["marquee","react-marquee","react marquee","react","marquee-slider","next marquee"],"repository":{"type":"git","url":"git+https://github.com/abundiko/react-marquee.git"},"description":"easy to use and minimal react marquee","maintainers":[{"name":"abundiko","email":"abundiko111@gmail.com"}],"readme":"# React Marquee\n\nA simple and customizable marquee component for React.\n\n[](https://www.npmjs.com/package/react-marquee)\n[](https://choosealicense.com/licenses/mit/)\n[](https://github.com/abundiko/react-marquee)\n\n## Installation\n\n```bash\nnpm install @abundiko/react-marquee\n```\n\nor\n\n```bash\nbun add @abundiko/react-marquee\n```\n\n## Usage\n\n```tsx\nimport MarqueeSlider from \"@abundiko/react-marquee\";\n\n\n {Array(20)\n .fill(1)\n .map((it, i) => (\n \n {i + 1}\n \n ))}\n;\n```\n\n**Note:** When using vertical mode (`axis=\"y\"` or `axis=\"-y\"`), the parent container of the `` must have a fixed height.\n\n## Props\n\n| Prop | Type | Default | Description |\n| ----------------- | ---------------------------------- | ------- | ----------------------------------------------------------------------------------------------------------- |\n| `speed` | `number` | `50` | The speed of the marquee. Higher numbers mean slower scrolling. |\n| `children` | `ReactNode` | | The content to be displayed inside the marquee. |\n| `axis` | `\"x\"` \\| `\"y\"` \\| `\"-x\"` \\| `\"-y\"` | `\"x\"` | The direction of the marquee scroll. |\n| `clone` | `boolean` | `true` | Whether to clone the children to create a seamless loop. |\n| `balanceDistance` | `number` | `400` | The distance to balance the marquee slider against the speed. |\n| `className` | `string` | `\"\"` | Additional CSS classes to apply to the container. |\n| `style` | `CSSProperties` | `{}` | Inline styles to apply to the container. |\n| `pauseOnHover` | `boolean` | `false` | Whether to pause the marquee when the mouse is over it. |\n| `fade` | `\"start\"` \\| `\"end\"` \\| `\"both\"` | `null` | Adds a fade effect to the start, end, or both sides of the marquee. |\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a pull request.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n\n## Author\n\n- **Abundance Ken-Dickson** - [abundiko](https://github.com/abundiko)","readmeFilename":"README.md"}