Hero made by @ybouane.

@crazygl/hero-package-galaxy

An infinite 3D galaxy of npm package stars clustered by ecosystem, with glowing comets streaking through the field. Seamless on every axis, fog-baked depth, soft nebula clouds in the deep background.

Demo

Package Galaxy

Install

npm install @crazygl/hero-package-galaxy

Usage

import PackageGalaxy from '@crazygl/hero-package-galaxy';

export default function Page() {
  return (
    <PackageGalaxy
      heading="Every package, mapped."
      starCount={1600}
      labelNames={'react\nthree\nvite\nnext'}
    />
  );
}

Customise

• Galaxy — starCount, clusterCount, starColor, accentColor, clusterTintStrength, starScale.
• Atmosphere — fogIntensity (depth fade), nebulaIntensity.
• Motion — flightSpeed, cameraDriftSpeed (weave), pointerParallax, twinkleStrength.
• Comets — cometCount, cometSpeed, cometColor, cometTrailLength.
• Labels — showLabels, labelSample, labelNames, labelStyle, plus font/colour controls.
• Background — transparentBackground, bgTop / bgBottom.

Best for

• Developer tools, package registries, and SBOM / supply-chain platforms
• Open-source ecosystem and dependency-mapping products
• Dev-platform and infrastructure launch pages that want a vast, exploratory feel
• AI / data products needing an "endless universe of nodes" backdrop

This hero is part of CrazyGL, 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.