Hero made by @ybouane.

@crazygl/hero-digital-rain

Depth-stacked vertical streams of glowing glyphs cascade downward — abstract characters at different focal layers, with parallax and a soft head glow on each leading character.

Demo

Digital Rain Curtain

Install

npm install @crazygl/hero-digital-rain

Usage

import DigitalRain from '@crazygl/hero-digital-rain';

export default function Hero() {
  return (
    <DigitalRain
      heading="The signal."
      headColor="#e8ffe6"
      trailColor="#3effb6"
      fallSpeed={1}
      glow={1}
    />
  );
}

Customise

• Background — transparent (drip over the page), backgroundColor.
• Rain — headColor (hot lead glyph), trailColor, accentColor (per-column tint mix), columnDensity, fontSize, fallSpeed, glow (head bloom), depthBlur (back-layer softness).

Best for

• Dev tools and developer-platform launches.
• AI / ML and data products.
• Cybersecurity and hacker-aesthetic landing pages.

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.