Command Palette

Search for a command to run...

—

Linear Reveal

A character-by-character React text animation for creating engaging hero headlines, headings, and UI reveals.

The Linear Reveal

Props

PropertyDefault ValueDescription
TextThe Linear Text The text content to be revealed with the linear animation.
as"h1" | "h2" | "h3" | "h4" | "h5" | "h6"The HTML element or React component to render as the root of the Linear Reveal.
delay0.2The delay before the linear animation starts, in seconds.
classNametext-4xlAdditional CSS classes to style the root element of the Linear Reveal.