Letter Reveal

Show Preview
Letter Reveal
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

From eyezayuh

Ruler
Pixel Image Focus
Corner Video Player

Related Components

Image on Text Hover
Split Text Hover
Typing Effect Text
Smart Text Highlight