Home Explore GitHub

The gallery

Every hero.
One catalogue.

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

★ Featured WebGL Canvas 3D Image support Interactive Font customization

283 heroes · page 24 of 24

Selection Color

A long-form heading + body with a styled `::selection` — drag your cursor across it and the highlight is part of the brand. The demo auto-cycles a synthetic selection.

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.

Digit Up

A large number that counts from a start value up to an end value with configurable easing, decimals, prefix and suffix — the classic stats / numbers section, but as a full hero.

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.

Local Live Timer

A live countdown to a target date — DD : HH : MM : SS with tabular numerals, smooth digit flip, and customisable label.

Drop Cap

Editorial paragraph with a single, oversized serif drop-cap that overhangs the leading margin — drop straight into a magazine layout.

Page 24 of 24

Next →

CrazyGL · crazygl.com

Programmable hero sections for real websites.