Titles

Animated title components for React

Full-frame title moments, headline reveals, CTA closes, and restrained lockups for openings, chapter beats, and endings.

Titles own the frame and make one statement unavoidable. Use them for chapter beats, announcements, or the final line before a close.

11 verified components. Browse every category.

block

Announce Title

scn

A four-shot launch title moves from a receding eyebrow through a color field and paper word build into a macro tagline sweep and closing mark.

block

Chromatic Fringe Title

hfrm

Display title on a transparent root: blur-focus entrance, red/blue fringe that settles then breathes, perspective bow, slow scale drift

component

CTA Close

hfrm

A display-scale action line lands per word and fills the frame with air, one generous CTA capsule pops beneath it with a single overshoot, and the finished close holds completely still.

component

CTA Lockup

hfrm

A canonical closing lockup that reveals an action line, pops in an accent CTA capsule, settles supporting microcopy, and holds with confidence.

block

Handwritten Title

hfrm

Handwritten display text with a scalar-driven word-by-word highlight sweep and a seeded squiggle underline sized to the text; boils

component

Headline Slam

hfrm

A heavyweight headline scales down into frame, lands with a deterministic three-frame shake, holds with subtle drift, and whips upward on exit.

component

Logo Wall

hfrm

A trusted-by wall of placeholder lettermark logos that fades and scales into place with a deterministic per-cell stagger.

component

Store Badge Lockup

hfrm

Settles a short headline above equal-size App Store and Google Play badges as a token-driven mobile end-card call to action.

component

Titlecard Calm

hfrm

A restrained title card where a mono kicker and generous grotesque headline fade upward, drift almost imperceptibly, and exit cleanly.

component

Titlecard Lockup

hfrm

The calm breather titlecard: an optional mono kicker fades up, the wordmark settles dead-center with one restrained move, a hairline rule draws left to right, a mono label fades beneath, and the lockup holds truly still.

component

Trust Strip

hfrm

A monochrome trust row of wide-tracked mono wordmarks that fade in with an opacity-only left-to-right stagger, then hold dead still.

In conversion
block

VFX Text Cursor

hf

Dramatic text reveal with cursor glow, chromatic shadow rays, and directional lighting on a black stage. Canvas-based shader post-processing with spectral color edges.