{"_id":"404-creator","_rev":"2-a1961cc7f07039c6051432216701c8f3","name":"404-creator","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"404-creator","version":"1.0.0","keywords":["404","animation","error-page","ui"],"author":{"name":"Manindra Bollam"},"license":"MIT","_id":"404-creator@1.0.0","maintainers":[{"name":"manindra-bollam","email":"manindra810@gmail.com"}],"dist":{"shasum":"f2d6f180a61b9a08f138efa5d07c2cf479ed3494","tarball":"https://registry.npmjs.org/404-creator/-/404-creator-1.0.0.tgz","fileCount":3,"integrity":"sha512-/k7hB+vSg7ip9m0+kXpmCx2vidhDILVa1MIA8eM0dw/6PESgIp292W+AuPqKRPU7QugBKNHS9hMOs27UVw64Rg==","signatures":[{"sig":"MEQCIHVX4iUCcB3E64zyQOej+UeOgWkAgiFeW+Xz8VNPUDDEAiAiLxtAnHmRxRgBKHd91Ow+t0VMbArBTH02trwb8Ovo9A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4609},"main":"src/index.js","type":"module","_npmUser":{"name":"manindra-bollam","email":"manindra810@gmail.com"},"_npmVersion":"10.9.2","description":"Generate beautiful 404 pages with animations in one line!","directories":{},"_nodeVersion":"22.14.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/404-creator_1.0.0_1748968206103_0.6212343087333532","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"404-creator","version":"1.0.1","description":"Generate beautiful 404 pages with animations in one line!","main":"src/index.js","type":"module","keywords":["404","animation","error-page","ui"],"author":{"name":"Manindra Bollam"},"license":"MIT","_id":"404-creator@1.0.1","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-8LofFuYmOc5hD/7Yvd+UYr7Cy7u7alagesD+DW1R2JYXEUtbdJ8BPzd26T8mSi7fx4YE+aRxr8PUgjrnlYvmAA==","shasum":"383edd42b023f7cda1631ae2462a636b08a4059d","tarball":"https://registry.npmjs.org/404-creator/-/404-creator-1.0.1.tgz","fileCount":3,"unpackedSize":5008,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCrCpJR82BfwjD9fxbISNybc4guoMgb8tbRtp+vfgYS6AIgRwETXwCOBYo5aWP6NHoQ4Wy5fZNGiSkD65w14Gb+By0="}]},"_npmUser":{"name":"manindra-bollam","email":"manindra810@gmail.com"},"directories":{},"maintainers":[{"name":"manindra-bollam","email":"manindra810@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/404-creator_1.0.1_1748968467071_0.2362095464433629"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-03T16:30:06.102Z","modified":"2025-06-03T16:34:27.453Z","1.0.0":"2025-06-03T16:30:06.292Z","1.0.1":"2025-06-03T16:34:27.271Z"},"author":{"name":"Manindra Bollam"},"license":"MIT","keywords":["404","animation","error-page","ui"],"description":"Generate beautiful 404 pages with animations in one line!","maintainers":[{"name":"manindra-bollam","email":"manindra810@gmail.com"}],"readme":"# 404-Creator 🚀\r\n\r\n![npm](https://img.shields.io/npm/v/404-creator)\r\n![license](https://img.shields.io/npm/l/404-creator)\r\n![downloads](https://img.shields.io/npm/dt/404-creator)\r\n\r\nA zero-dependency package to generate beautiful, animated 404 pages with one line of JavaScript! Perfect for React, Vue, Next.js, and plain HTML projects.\r\n\r\n## Features ✨\r\n\r\n- 🎨 **4 built-in color themes** (purple, blue, red, green)\r\n- 🕹️ **3 animation types** (floating, glitch, pulse)\r\n- 📱 **Fully responsive**\r\n- 🚫 **No dependencies**\r\n- ⚡ **Under 2KB gzipped**\r\n\r\n## Installation 📦\r\n\r\n```bash\r\nnpm install 404-creator\r\n# or\r\nyarn add 404-creator\r\n# or\r\npnpm add 404-creator\r\n```\r\n\r\n## Basic Usage 🛠️\r\n\r\n```js\r\nimport { create404 } from \"404-creator\";\r\n\r\n// Minimal usage (default styling)\r\ncreate404();\r\n\r\n// With custom options\r\ncreate404({\r\n  title: \"Oops! Lost in Space\",\r\n  message: \"This page doesn't exist in our universe\",\r\n  animation: \"glitch\",\r\n  color: \"blue\",\r\n});\r\n```\r\n\r\n## Advanced Options ⚙️\r\n\r\n| Option      | Type                                           | Default                                        | Description       |\r\n| ----------- | ---------------------------------------------- | ---------------------------------------------- | ----------------- |\r\n| `title`     | `string`                                       | `\"404 - Page Not Found\"`                       | Main heading text |\r\n| `message`   | `string`                                       | `\"The page you're looking for doesn't exist.\"` | Subtitle text     |\r\n| `animation` | `\"floating\"` \\| `\"glitch\"` \\| `\"pulse\"`        | `\"floating\"`                                   | Animation style   |\r\n| `color`     | `\"purple\"` \\| `\"blue\"` \\| `\"red\"` \\| `\"green\"` | `\"purple\"`                                     | Color theme       |\r\n\r\n## Framework Examples 🖇️\r\n\r\n## React Example\r\n\r\n```js\r\nimport { useEffect } from \"react\";\r\nimport { create404 } from \"404-creator\";\r\n\r\nfunction NotFoundPage() {\r\n  useEffect(() => {\r\n    create404({\r\n      title: \"React 404\",\r\n      animation: \"pulse\",\r\n    });\r\n  }, []);\r\n\r\n  return null; // This will replace the entire page\r\n}\r\n```\r\n\r\n## Next.js API Route\r\n\r\n```js\r\nimport { create404 } from \"404-creator\";\r\n\r\nexport default function Custom404() {\r\n  if (typeof window !== \"undefined\") {\r\n    create404();\r\n  }\r\n  return null;\r\n}\r\n```\r\n\r\n## Custom Styling 🎨\r\n\r\nYou can override the default styles by adding your own CSS:\r\n\r\n```css\r\n.container {\r\n  font-family: \"Comic Sans MS\", cursive;\r\n}\r\n\r\n.home-link {\r\n  background: #ff5722 !important;\r\n}\r\n```\r\n\r\n### 📝 License\r\n\r\nThis project is licensed under the MIT License.\r\n\r\n### 📣 Author\r\n\r\nMade with ❤️ by Manindra Bollam(manindra810@gmail.com)\r\n","readmeFilename":"readme.md"}