Drop Text

Dropping into place.

Customize

1.0
0.065
0.35
40

Installation

Installs are paused for now. You can still preview and customize every component on its page.

Usage

import { DropText } from "@/components/drop-text";

<DropText stagger={0.065}>Dropping into place.</DropText>

Props

PropType
Default"words"

How far each piece falls, in pixels.

Default40
Default1
Default0.5
Default0.05
Default0

Set 0 for no bounce.

Default0.35

Classes added once the text lands.

Defaulttrue

Waits until the text scrolls into view.

Defaultfalse
Defaulttrue