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.

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

A free, accessible word-by-word te