Soft Heading

Soft Heading adds a calm, polished reveal to any title. Type your text or connect it to a CMS field. Each letter or word fades in and rises into place in a smooth sequence.

• Two-tone text: add an optional muted part after the main headline in a second color, like “Design that works for everyone”

• Letters or words: animate each character, or each word for a lighter feel

• On load or in view: start right away for hero titles, or on scroll for headings further down the page

• Full control: rise distance, optional blur-to-focus, duration, stagger and delay

• CMS-ready: connect to any text field, and line breaks are kept

• Semantic tags: render as H1, H2, H3 or P, so your SEO stays intact

• Accessible: screen readers hear the full heading, not separate letters, and the animation turns off for visitors who prefer reduced motion

• Easy to edit: the heading shows still on the canvas, so you can design without replaying the animation

• Typography: full Framer font controls, alignment, and balanced line wrapping

Tip: Use Letters with a 0.018s stagger for big hero titles. Use Words with a 0.06s stagger for longer section headings.