Hero made by @ybouane.

@crazygl/hero-galaxy-tunnel

A cinematic flythrough — thousands of glowing particles streaming past a virtual camera with velocity trails, bloom, and chromatic vignette.

Demo

Galaxy Tunnel

Install

npm install @crazygl/hero-galaxy-tunnel

Usage

import GalaxyTunnel from '@crazygl/hero-galaxy-tunnel';

export default function Page() {
  return (
    <GalaxyTunnel
      heading="Lightspeed."
      speed={0.65}
      trailLength={1.25}
    />
  );
}

Customise

• Content — contentType (heading / two-columns / custom), heading, subheading, optional media.
• Style colors — backgroundColor, particleColor, accentColor (hot core), fogColor.
• Field — particleCount, speed, spread (tunnel width), particleSize, swirl.
• Look — trailLength, bloom, fogDensity, hueCycle, hotProbability.

Best for

• AI and developer-tooling launch pages that want a "lightspeed" moment
• Premium SaaS and product heroes with a sci-fi edge
• Game studios, streaming, and entertainment brands
• Event or product-drop landing pages built around motion and energy

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.