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
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