Letter Pull Up

Reveal text with a staggered upward letter animation.

@sigil-ui/componentsReact

Preview

import { LetterPullUp } from "@sigil-ui/components";

<LetterPullUp text="Hello World" />

Prop	Type	Default	Description
`text`	`string`	—	The text to animate.
`interval`	`number`	`30`	Stagger between letters in ms.
`delay`	`number`	`0`	Base delay in ms.
`pullDistance`	`number`	`24`	Pull distance in pixels.
`trigger`	`"scroll" \| "mount"`	—	—
`viewOptions`	`UseInViewOptions`	—	—

GradientText

Apply a token-colored gradient to text.

Marquee

Move a repeating content strip across its container.