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 customization278 heroes · page 6 of 24

Scrambly Text

Heading scrambled into random glyphs that resolve in a non-left-to-right order — characters lock in scattered across the word.

Scattered Sentence

Words start scattered across the canvas at random positions and angles, then converge into a single readable sentence — chaos resolving into order.

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.Page 6 of 24CrazyGL · crazygl.comProgrammable hero sections for real websites.