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 customizationReset275 heroes · page 6 of 23

Rolling Text

Each character rolls through a vertical stack of duplicate copies of itself in a continuous loop, with a blur pulse mid-roll and a per-character stagger.

Rotating Text Badge

A self-contained rotating sticker badge — text on the rim of a circle, an icon (or your own word) in the middle, next to a heading.

Jumpy Text FX

Each letter bounces in independently with spring-damped physics, then idles with a subtle hover-bounce — text that feels alive.

Keyboard Keys

Phrase rendered as physical keyboard keys — each cap presses down on a stagger like someone typing it out for you.

Highlight Text

A heading with marker-highlighter strokes drawn behind specific words — like a printed page someone marked up. Words wrapped in *asterisks* get highlighted with the accent colour.

Highlight Cycling

A coloured highlighter sweeps across the line one word at a time — like a presenter underlining the key word as they speak it.

Glitch Title

Massive title with horizontal slice glitches, RGB drift and faint scanlines — the classic broken-broadcast hero.

Flicker Text

A heading that flickers character by character like a broken neon sign, an LED panel, a retro CRT or an electric arc — with three patterns and four style presets.

Cyberpunk Text

Neon-lit cyberpunk heading with magenta + cyan glow, periodic flicker, and faint scanlines — Night City wall poster vibes.

Cursor Reveal Text

Two stacked paragraphs — a primary line shown in the surface colour, and a secret reveal line shown only inside a cursor-following spotlight that grows on hover.

Circular Text Pro

Three concentric rings of text spinning at independent speeds, with a centred wordmark and accent dots — a fully composed badge.

Animated Text Reveal

A paragraph that unblurs and fades in word by word as the viewer scrolls — with an initial blur and initial opacity that mean even the un-revealed words sit softly on the page rather than disappearing.Page 6 of 23CrazyGL · crazygl.comProgrammable hero sections for real websites.