component
Letter Reveal
By eyezayuh
Details
- eyezayuhAuthor
- componentType
- 2026-06-25Published
- 2026-06-25Updated
- 2026-06-25Added
- TextCategories
Summary
Letter Reveal brings cinematic, letter-by-letter text animation to Framer — each character rises from below with a 3D pitch-back that eases upright.
Description
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
Introduction
Reveal letter text animation
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1942