Motion / Effects
Emphasized Text
Per-word staggered reveal that isolates and styles emphasized words.
EmphasizedText reveals a sentence word-by-word on a posterized stagger; words wrapped in
<Emphasized> get a stacked treatment — serif swap, italic skew that settles in, a gradient
fill, and a scale-and-lift — recreating AE's "isolate one word" trick declaratively.
Installation
npx shadcn@latest add @adv/emphasized-textUsage
import { EmphasizedText, Emphasized } from '@adv/motion';
<EmphasizedText fontSize={44}>
built for <Emphasized>adventures</Emphasized>
</EmphasizedText>