Fade Words Lite

Make text arrive softly, without splitting layers by hand

Fade Words Lite is a free Framer Code Component for simple word-by-word text reveals. Add your sentence, adjust the font and timing, and use it in hero sections, intros, product pages, and editorial moments where the copy should feel a little more alive.

Why it is different

- Keeps the component intentionally light: one text field, Framer Font control, color, timing, distance, and replay.

- Shows the finished text on Canvas so designing does not feel broken.

- Respects reduced-motion settings and shows the full sentence without animation.

- Uses one accessible sentence label while hiding the visual split words from screen readers.

- Uses no external images, icons, or animation libraries.

Key features

- Word-by-word fade and upward reveal

- Framer Font and Color controls

- Adjustable speed, stagger, distance, and starting opacity

- Play once or repeat on viewport re-entry

- Canvas-safe editing state

- Reduced-motion support

Works well for

- Hero headings

- Section intros

- Product launch pages

- Portfolio opening copy

- Short editorial statements