Text reveal
A headline rises in word by word. The wrapper carries aria-label with the whole sentence and every fragment is aria-hidden, so assistive tech reads one line.
npx shadcn add @gc/text-revealOver 12 fragments the cascade would outlast the load sequence, so the text fades as a block instead.
Craft score
Measured on b38543d. All scores
- Perf mobile
- 96
- Perf desktop
- 100
- CLS
- 0
- LCP mobile
- 2771 ms
- Gzipped source
- 1.8 kB
- Reduced motion
- Pass