{"_id":"@crazygl/hero-ai-console-portal","_rev":"2-9c45085a2f876ca785f9a85c526e28bd","name":"@crazygl/hero-ai-console-portal","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@crazygl/hero-ai-console-portal","version":"0.1.0","author":{"name":"ybouane"},"license":"Apache-2.0","_id":"@crazygl/hero-ai-console-portal@0.1.0","maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"homepage":"https://crazygl.com/hero/ai-console-portal","bugs":{"url":"https://github.com/crazygl-com/hero-ai-console-portal/issues"},"dist":{"shasum":"cd912b847352f0da4abd4d2a650d9798b0a83b48","tarball":"https://registry.npmjs.org/@crazygl/hero-ai-console-portal/-/hero-ai-console-portal-0.1.0.tgz","fileCount":11,"integrity":"sha512-yGqkgkixi24kX9G59QC2Ll7AWZ33eKITQGS08BAtWwAbgwX7kMO1XJ0ZdWdj148UN6RLUb+rE34aLGxBT4A4Xw==","signatures":[{"sig":"MEYCIQCeqgC9VG42Er0JAmS0lCFNqB+nsV7ABEpKnlYiwN9zgwIhANFW4oqKfsBdeH4vEjFYYyJLnpqaoHP6HguPAXYgTZju","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":106812},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./style.css":"./style.css","./metadata.json":"./metadata.json"},"gitHead":"2cfaac2d18d3283595af36d581254cc1a874adb4","_npmUser":{"name":"ybouane","email":"ybouane@ybouane.com"},"repository":{"url":"git+https://github.com/crazygl-com/hero-ai-console-portal.git","type":"git"},"_npmVersion":"11.12.0","description":"AI Console Portal — a glowing torus portal with the AI console screenshot emerging forward, surrounded by orbiting prompt/output cards and incoming particles.","directories":{},"_nodeVersion":"24.14.0","dependencies":{"three":"^0.160.0","@crazygl/core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/hero-ai-console-portal_0.1.0_1782870441222_0.7344963014621464","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@crazygl/hero-ai-console-portal","version":"0.1.1","description":"AI Console Portal — A glowing torus portal opens onto an AI console screenshot stepping forward into the scene, surrounded by orbiting prompt and output cards and a stream of particles slipping past the ring toward the… A customizable CrazyGL animated her","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./metadata.json":"./metadata.json","./style.css":"./style.css"},"dependencies":{"@crazygl/core":"^0.1.1","three":"^0.160.0"},"peerDependencies":{"react":">=18","react-dom":">=18"},"license":"Apache-2.0","author":{"name":"ybouane"},"homepage":"https://crazygl.com/hero/ai-console-portal","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-ai-console-portal.git"},"publishConfig":{"access":"public"},"keywords":["ai","portal","console","screenshot","scanlines","three","cards","futuristic","ai-console-portal","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","interactive","frontend","component","canvas"],"bugs":{"url":"https://github.com/crazygl-com/hero-ai-console-portal/issues"},"gitHead":"ac78ab0770a3fd2e9b238b30434af825d6361771","_id":"@crazygl/hero-ai-console-portal@0.1.1","_nodeVersion":"24.14.0","_npmVersion":"11.12.0","dist":{"integrity":"sha512-nVvNThpmelQOTuNTSGApGQnxy3ZzgHtiJuBcDhsuvAnZbcgWiz1Vv2KxMWujTbHjqcinRkp9DXSCBu5N1nWymw==","shasum":"2ceede51217bd1974cdc8babdd17abfcf2bffc56","tarball":"https://registry.npmjs.org/@crazygl/hero-ai-console-portal/-/hero-ai-console-portal-0.1.1.tgz","fileCount":11,"unpackedSize":107339,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAY2O3YQOgGnxP8qE+gYUbLNZ78ThoqcxUGUbC3HlBFEAiEA4d7mwFCvx09jH/j/UkV9zeMElTy/GSSpl3TeaiOhI1U="}]},"_npmUser":{"name":"ybouane","email":"ybouane@ybouane.com"},"directories":{},"maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/hero-ai-console-portal_0.1.1_1782968811959_0.01924952678255032"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-01T01:47:21.023Z","modified":"2026-07-02T05:06:52.246Z","0.1.0":"2026-07-01T01:47:21.438Z","0.1.1":"2026-07-02T05:06:52.110Z"},"bugs":{"url":"https://github.com/crazygl-com/hero-ai-console-portal/issues"},"author":{"name":"ybouane"},"license":"Apache-2.0","homepage":"https://crazygl.com/hero/ai-console-portal","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-ai-console-portal.git"},"description":"AI Console Portal — A glowing torus portal opens onto an AI console screenshot stepping forward into the scene, surrounded by orbiting prompt and output cards and a stream of particles slipping past the ring toward the… A customizable CrazyGL animated her","maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"readme":"<sub>*Hero made by [@ybouane](https://x.com/ybouane).*</sub>\n<p align=\"center\">\n  <img src=\"https://crazygl.com/heroes/hero-ai-console-portal/banner-full.png\" alt=\"AI Console Portal\" width=\"640\">\n</p>\n\n# @crazygl/hero-ai-console-portal\n\nA glowing torus portal opens onto an AI console screenshot stepping forward into the scene, surrounded by orbiting prompt and output cards and a stream of particles slipping past the ring toward the camera.\n\n## Demo\n[AI Console Portal](https://crazygl.com/hero/ai-console-portal)\n\n## Install\n\n```bash\nnpm install @crazygl/hero-ai-console-portal\n```\n\n## Usage\n\n```tsx\nimport AIConsolePortal from '@crazygl/hero-ai-console-portal';\n\nexport default function Page() {\n  return (\n    <AIConsolePortal\n      screenshot=\"https://example.com/console.png\"\n      portalColor1=\"#6ab2ff\"\n      portalColor2=\"#a070ff\"\n      cardCount={6}\n    />\n  );\n}\n```\n\n## Customise\n\n- **Screenshot** — `screenshot` URL (PNG/JPG/AVIF/WebP, dark UIs read best), plus `screenshotX/Y`, `screenshotScale`, `screenshotTilt`, `screenEmissive`.\n- **Portal** — `portalRadius`, `portalTube`, `portalColor1`/`portalColor2` (gradient + halo), `portalIntensity`, `portalPulseCount` and `portalPulseSpeed` (the streaks racing around the ring).\n- **Cards** — `cardCount` (0–6), `cardOrbitRadius`, `cardOrbitSpeed`; each card (`card1*`…`card6*`) toggles `text` vs `image` mode with its own `Tag`, `Body`, tag `Color`, or `Image` URL.\n- **Particles** — `particleCount` (0–600), `particleColor`, `particleSpeed` for the inbound stream.\n- **Atmosphere & motion** — `scanlineStrength`, `bgVignette`, `bgEdge`, `transparentBackground`, `parallaxStrength`.\n\n## Best for\n\n- AI agents, copilots, and prompt-engineering products\n- Developer-facing SaaS and dev-tools launch pages\n- Automation and model-playground onboarding pages\n- Data and analytics dashboards\n\n\n\nThis hero is part of [CrazyGL](https://crazygl.com), a collection of production-ready WebGL, canvas, 3D, and typography effects. Every CrazyGL hero ships with an agent-ready `SKILL.md` file that helps developers and coding agents adapt the effect into custom landing pages and interactive experiences.\n","readmeFilename":"README.md","keywords":["ai","portal","console","screenshot","scanlines","three","cards","futuristic","ai-console-portal","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","interactive","frontend","component","canvas"]}