Falling Text
Words drop out of a sentence and pile up at the bottom of the box. Pick them up and throw them. Starts on view, click or hover.
import { FallingText } from "pleate/effects/falling-text";Falls on view
Pleate gives you calm surfaces, honest motion and colors that follow your palette. Drag the words around once they land.
Falls on click
Click this box and everything falls apart
Props
- text
The sentence.
string- trigger
What starts the fall.
"view" | "click" | "hover"default "view"- highlightWords / highlightClassName
Words to color.
string[] / stringdefault [] / "text-accent-ink"- height
Box height (px); the floor is its bottom.
numberdefault 260- wordClassName
Classes for every word, e.g. to make them pills.
string
Accessibility
- Screen readers read the sentence once, in order.
- Reduced motion leaves the words in place.
- Words can be dragged with touch or mouse.