{"_id":"@camilledev/background-rainbow-lines","name":"@camilledev/background-rainbow-lines","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@camilledev/background-rainbow-lines","version":"1.0.0","description":"Animated multi-color background lines evoking EU flags, built with Framer Motion (motion) and React.","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","keywords":["react","background","animation","framer-motion","svg","hero","nextjs"],"peerDependencies":{"react":">=18","motion":">=11"},"devDependencies":{"tsup":"^8.0.0","typescript":"^5.4.0","react":"^18.3.0","@types/react":"^18.3.0","motion":"^11.0.0"},"scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts --external react"},"license":"MIT","_id":"@camilledev/background-rainbow-lines@1.0.0","_nodeVersion":"22.13.0","_npmVersion":"11.3.0","dist":{"integrity":"sha512-aUhjeDYC7lwP1XZ4S0b3hL+PoAbbJWc9/WOJJR/70OHioYBv8gPkEsfbfRffyEDpp2lb5Phnlqz7xm7+DKEREQ==","shasum":"8e504af7b689ee99a3a6396a12fe2c7c977bbd66","tarball":"https://registry.npmjs.org/@camilledev/background-rainbow-lines/-/background-rainbow-lines-1.0.0.tgz","fileCount":6,"unpackedSize":11214,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHY1lajw7O6f8N8WHaEwTuu64f/7tqa43ZUNgsU4ZbdxAiEAqAuVAqhmDdFgK1D8X3rX0xD6+wxqfz+lY2mxl6BuwY8="}]},"_npmUser":{"name":"camilledev","email":"spiritracking@gmail.com"},"directories":{},"maintainers":[{"name":"camilledev","email":"spiritracking@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/background-rainbow-lines_1.0.0_1782868275109_0.2548776620371751"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-01T01:11:14.860Z","1.0.0":"2026-07-01T01:11:15.260Z","modified":"2026-07-01T01:11:15.540Z"},"maintainers":[{"name":"camilledev","email":"spiritracking@gmail.com"}],"description":"Animated multi-color background lines evoking EU flags, built with Framer Motion (motion) and React.","keywords":["react","background","animation","framer-motion","svg","hero","nextjs"],"license":"MIT","readme":"# background-rainbow-lines\n\nAnimated multi-color background lines, inspired by EU flag colors. Built with React and [motion](https://motion.dev).\n\n## Install\n\n```bash\nnpm install background-rainbow-lines motion\n```\n\n## Usage\n\n```tsx\nimport { BackgroundRainbowLines } from \"background-rainbow-lines\";\n\nexport default function Hero() {\n  return (\n    <BackgroundRainbowLines className=\"flex min-h-screen items-center justify-center\">\n      <h1 className=\"text-white text-6xl font-bold\">Your headline</h1>\n    </BackgroundRainbowLines>\n  );\n}\n```\n\nRequires `\"use client\"` in Next.js App Router (already included in the component).\n\n## Props\n\n| Prop              | Type         | Default                          | Description                              |\n|-------------------|--------------|-----------------------------------|-------------------------------------------|\n| `children`        | `ReactNode`  | -                                  | Content rendered above the lines          |\n| `className`       | `string`     | -                                  | Classes applied to the outer container    |\n| `backgroundColor` | `string`     | `\"#060608\"`                       | Background color behind the lines         |\n| `colors`          | `string[]`   | EU-flag-inspired palette          | Custom line color palette                 |\n| `lineCount`       | `number`     | `24`                               | Number of animated lines                  |\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-3df8d4f06392dd0748895d418d25aeed"}