falling-text

name	falling-text
description	Letters drop into place one after another — a light, gravity-flavored headline entrance. One short playful line; not body copy. Instant under prefers-reduced-motion.
triggers	["falling text","letters drop in","掉落文字","逐字下落"]
od	{"mode":"prototype","surface":"web","platform":"desktop","category":"animation-motion","upstream":"https://reactbits.dev/text-animations/falling-text","preview":{"type":"html"},"design_system":{"requires":false}}

falling-text

A headline whose letters drop in. Dependency-free, reduced-motion safe.

How to apply

Copy css+js; <h1 data-falling>Your line</h1>.