Letter Reveal

Show Preview
Letter Reveal

About Letter Reveal

Letter Reveal brings cinematic, letter-by-letter text animation to Framer — each character rises from below with a 3D pitch-back that eases upright.

Most importantly, it supports scale to fit text, a feature not native to framer text animation. So you can have your text perfectly touch edge to edge on any viewport.

Parameters:

  • Text — the string to animate

  • Font — full Framer font picker with family, weight, and style

  • Font Size — in px; hidden when Scale to Fit is on

  • Color — text color

  • Letter Spacing — tightens or opens tracking in px; scales proportionally in Scale to Fit mode

  • Line Height — line height multiplier for wrapped text

  • Scale to Fit — fills the component width exactly, regardless of font or spacing

  • Letter Delay — stagger delay between each letter in seconds

  • Duration — total animation length

  • Y Offset — how far below each letter starts in px

  • Rotate X — the pitch-back angle each letter starts at in degrees

  • Trigger on View — animates on scroll into view, or immediately on load