{"_id":"@animx-jaya/animations","_rev":"2-791fe35c2700c58f7c3edbf5820ff9f1","name":"@animx-jaya/animations","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@animx-jaya/animations","version":"0.1.0","keywords":["animation","react","gsap","framer-motion","css-animations","tailwind","animation-components","animx","react-animation"],"author":{"name":"Jayavardhan Reddy","email":"https://github.com/K-JAYAVARDHANREDDY"},"license":"MIT","_id":"@animx-jaya/animations@0.1.0","maintainers":[{"name":"k-jayavardhan-reddy","email":"jayavardhanvijaya@gmail.com"}],"homepage":"https://github.com/K-JAYAVARDHANREDDY/AnimXBack#readme","bugs":{"url":"https://github.com/K-JAYAVARDHANREDDY/AnimXBack/issues"},"dist":{"shasum":"51a54df66866def54dcc5dbbb75aadff1719429b","tarball":"https://registry.npmjs.org/@animx-jaya/animations/-/animations-0.1.0.tgz","fileCount":76,"integrity":"sha512-zbmpSSDeyOshcbhsGtugsMQBV0h5Jqyg5468kxP2c/NyH+cvSTLJcG0zrZFqIUjY7kgjdPbd0QVwKRq97RFflA==","signatures":[{"sig":"MEQCIGq2LUMvFQZp4euYL0GbhEfIAA1Vnt4hJ9h4hSHEW7O3AiAHde9z4BAYqYDACRKGKbSL3DLmT/ZKkhShAzky1OwrxA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":384482},"main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.js"}},"gitHead":"af3902a09c6fb10dbfbf1c0e4b3bf97f71b9a355","scripts":{"dev":"tsc --watch","build":"tsc"},"_npmUser":{"name":"k-jayavardhan-reddy","email":"jayavardhanvijaya@gmail.com"},"repository":{"url":"git+https://github.com/K-JAYAVARDHANREDDY/AnimXBack.git","type":"git","directory":"packages/animations"},"_npmVersion":"11.6.2","description":"A collection of ready-to-use animation components for React — GSAP, Framer Motion, CSS, and Tailwind.","directories":{},"_nodeVersion":"24.13.0","dependencies":{"@animx-jaya/core":"^0.1.0"},"_hasShrinkwrap":false,"devDependencies":{"gsap":"^3.14.2","react":"^19.2.4","react-dom":"^19.2.4","typescript":"^5.0.0","@types/react":"^19","lucide-react":"^0.564.0","framer-motion":"^12.34.0","@types/react-dom":"^19"},"peerDependencies":{"gsap":"^3.12.0","react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","lucide-react":">=0.300.0","framer-motion":"^10.0.0 || ^11.0.0 || ^12.0.0"},"_npmOperationalInternal":{"tmp":"tmp/animations_0.1.0_1775010218054_0.5908364274853388","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@animx-jaya/animations","version":"0.1.1","description":"A collection of ready-to-use animation components for React — GSAP, Framer Motion, CSS, and Tailwind.","author":{"name":"Jayavardhan Reddy","email":"https://github.com/K-JAYAVARDHANREDDY"},"repository":{"type":"git","url":"git+https://github.com/K-JAYAVARDHANREDDY/AnimXBack.git","directory":"packages/animations"},"homepage":"https://github.com/K-JAYAVARDHANREDDY/AnimXBack#readme","bugs":{"url":"https://github.com/K-JAYAVARDHANREDDY/AnimXBack/issues"},"keywords":["animation","react","gsap","framer-motion","css-animations","tailwind","animation-components","animx","react-animation"],"main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.js"}},"scripts":{"build":"tsc","dev":"tsc --watch"},"dependencies":{"@animx-jaya/core":"^0.1.1"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","gsap":"^3.12.0","framer-motion":"^10.0.0 || ^11.0.0 || ^12.0.0","lucide-react":">=0.300.0"},"devDependencies":{"@types/react":"^19","@types/react-dom":"^19","react":"^19.2.4","react-dom":"^19.2.4","gsap":"^3.14.2","framer-motion":"^12.34.0","lucide-react":"^0.564.0","typescript":"^5.0.0"},"license":"MIT","gitHead":"b0065307eaed2634d0112be5eb0fb29614363fc0","_id":"@animx-jaya/animations@0.1.1","_nodeVersion":"24.13.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-AIiD0AAHMgfRghcn1YhmQxUl0mdQwYeerIgcp9COEziyKVPyOfy8L2HzoAobXp0bHBC/lzjKgVFwo/QlRYswTg==","shasum":"2e4a5a4ef95ce958d8c260bb0daac7e55ded9f82","tarball":"https://registry.npmjs.org/@animx-jaya/animations/-/animations-0.1.1.tgz","fileCount":76,"unpackedSize":428388,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIA7Rqg/z/nDNpm/uSw1SFR6Rmc3/KOgYFv4KBfKdZEMSAiArh43QqSN4MKPLh4u9f6dDsEuMDwxjSlNhcmoOo/qkxQ=="}]},"_npmUser":{"name":"k-jayavardhan-reddy","email":"jayavardhanvijaya@gmail.com"},"directories":{},"maintainers":[{"name":"k-jayavardhan-reddy","email":"jayavardhanvijaya@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/animations_0.1.1_1775276546553_0.6284626216641356"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-01T02:23:37.663Z","modified":"2026-04-04T04:22:26.840Z","0.1.0":"2026-04-01T02:23:38.206Z","0.1.1":"2026-04-04T04:22:26.712Z"},"bugs":{"url":"https://github.com/K-JAYAVARDHANREDDY/AnimXBack/issues"},"author":{"name":"Jayavardhan Reddy","email":"https://github.com/K-JAYAVARDHANREDDY"},"license":"MIT","homepage":"https://github.com/K-JAYAVARDHANREDDY/AnimXBack#readme","keywords":["animation","react","gsap","framer-motion","css-animations","tailwind","animation-components","animx","react-animation"],"repository":{"type":"git","url":"git+https://github.com/K-JAYAVARDHANREDDY/AnimXBack.git","directory":"packages/animations"},"description":"A collection of ready-to-use animation components for React — GSAP, Framer Motion, CSS, and Tailwind.","maintainers":[{"name":"k-jayavardhan-reddy","email":"jayavardhanvijaya@gmail.com"}],"readme":"# @animx-jaya/animations\n\n> A collection of **14+ ready-to-use animation components** for React — powered by GSAP, Framer Motion, CSS, and Tailwind.\n\n### ✨ What's New in v0.1.1\n**100% Fully Customizable Components:** All 14 components have been entirely refactored to support full customizability through comprehesive TypeScript-safe React props! You can now freely configure colors, spacing, typography, motion curves, sizing and content directly via inline props without touching their core code.\n\nPart of the [AnimX](https://github.com/K-JAYAVARDHANREDDY/AnimXBack) framework.\n\n## Installation\n\n```bash\nnpm install @animx-jaya/animations @animx-jaya/core\n```\n\n### Peer Dependencies\n\nInstall the peer dependencies for the animation engines you plan to use:\n\n```bash\n# For GSAP animations\nnpm install gsap\n\n# For Framer Motion animations\nnpm install framer-motion\n\n# All peer dependencies\nnpm install react react-dom gsap framer-motion lucide-react\n```\n\n## Included Animations\n\n### GSAP Animations\n| Component | Description |\n|-----------|-------------|\n| `CounterAnimation` | Animated number counter with easing |\n| `InfiniteTextMarquee` | Infinite scrolling text marquee |\n| `MagneticCursor` | Cursor that magnetically attracts elements |\n| `PaperFoldScroll` | Paper folding effect on scroll |\n| `ParallaxHero` | Parallax scrolling hero section |\n| `HorizontalScrollText` | Horizontally scrolling text on scroll |\n| `ScrollExpandMedia` | Media that expands as you scroll |\n| `SvgPathDrawing` | Animated SVG path drawing |\n| `TextScramble` | Text scramble / decode effect |\n| `TestimonialStackCards` | Stacked card testimonials |\n\n### Framer Motion Animations\n| Component | Description |\n|-----------|-------------|\n| `CardFlip3D` | 3D card flip interaction |\n| `FullscreenCardSwipe` | Fullscreen swipeable cards |\n\n### CSS Animations\n| Component | Description |\n|-----------|-------------|\n| `NeonGlow` | Neon glow text effect |\n\n### Tailwind Animations\n| Component | Description |\n|-----------|-------------|\n| `StaggerPulse` | Staggered pulse animation |\n\n## Usage\n\n### Individual Components\n\n```tsx\nimport { TextScramble, ParallaxHero } from '@animx-jaya/animations'\n\nfunction App() {\n  return (\n    <div>\n      <ParallaxHero />\n      <TextScramble />\n    </div>\n  )\n}\n```\n\n### Animation Registry\n\nAccess all animations programmatically:\n\n```tsx\nimport { ANIMATION_REGISTRY } from '@animx-jaya/animations'\n\n// Iterate over all animations\nANIMATION_REGISTRY.forEach(({ id, component: Component, metadata }) => {\n  console.log(`${metadata.name} — ${metadata.description}`)\n})\n```\n\n### With Metadata\n\nEach animation exports its metadata for programmatic use:\n\n```tsx\nimport { TextScramble, TextScrambleMeta } from '@animx-jaya/animations'\n\nconsole.log(TextScrambleMeta.name)        // \"Text Scramble\"\nconsole.log(TextScrambleMeta.engine)      // \"gsap\"\nconsole.log(TextScrambleMeta.difficulty)  // \"intermediate\"\n```\n\n## Related Packages\n\n- [`@animx-jaya/core`](https://www.npmjs.com/package/@animx-jaya/core) — Core engine and type system\n\n## License\n\nMIT © [Jayavardhan Reddy](https://github.com/K-JAYAVARDHANREDDY)\n","readmeFilename":"README.md"}