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.
- 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.
- 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
- Hero headings
- Section intros
- Product launch pages
- Portfolio opening copy
- Short editorial statements
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.
- 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.
- 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
- Hero headings
- Section intros
- Product launch pages
- Portfolio opening copy
- Short editorial statements
