CrazyGLCrazyGLHomeExploreGitHubBrowse heroes
The gallery

Every hero.
One catalogue.

Search by name, tag, or capability. Each hero is installable as a standalone NPM package.

★ FeaturedWebGLCanvas3DImage supportInteractiveFont customizationReset213 heroes · page 18 of 18

Animated 404

Oversized 404 hero with the middle 0 swapped for an idle-orbiting glowing eye — the kind of error page people actually screenshot.

Mouse Wave Text

A wave travels along the heading following the cursor — each letter pops up as the wave passes, then settles back. Switch to auto mode for a hands-off demo.

Hover Text Highlight

A heading whose words light up on hover — a coloured backdrop wipes in from one side, and out the other when the cursor leaves. Pick Background (full bleed) or Underline (band only).

Cursor Shadow Text

The heading casts a real drop shadow whose direction tracks the cursor — like a single fixed light moving across the room.

Proximity Text FX

Letters near the cursor scale up and brighten; letters further away dim and shrink — an inverse-distance attention effect.

Text Glitch Hover

Heading sits calm until you hover, then snaps into an RGB-split glitch. Stops cleanly on leave — restraint with a payoff.

Pillflow Action Menu

A row of pill-shaped action buttons where each pill expands its label on hover — Apple-tab-bar grade affordance.

Dynamic Fill Nav

A nav bar where each link reveals a coloured fill on hover — left-to-right wipe behind a flat-coloured label.

Hover Text Link

A list of inline links with an animated underline-fill on hover — the text gets a coloured wipe that grows from left.Page 18 of 18Next →CrazyGL · crazygl.comProgrammable hero sections for real websites.