Cinematic Reveal

Reveal text with cinematic motion

Bring your words into view with smooth, cinematic motion. Cinematic Text Reveal is a responsive Framer component for creating polished text entrance animations. Reveal text by word, character, or line as it enters the viewport. Reveal It Your Way Choose the reveal direction, distance, blur, starting opacity, stagger, delay, and mask. Create anything from a subtle entrance to a bold cinematic sequence. Choose between smooth tween animation and natural spring motion, then fine-tune the duration, easing, stiffness, and damping directly inside Framer. Responsive by Default Fluid clamp-based sizing keeps your typography balanced across desktop, tablet, and mobile. Set the minimum size, fluid scale, fixed offset, and maximum size from the component controls, or turn responsive sizing off and use a fixed font size. Highlight an important word or phrase with a custom colour, italics, or underline styling. Key Features • Reveal by word, character, or line • Scroll-triggered animation • Up, down, left, and right directions • Adjustable distance, blur, opacity, stagger, and delay • Tween and spring animation modes • Optional masked reveal • Custom accent styling • Responsive typography • Reduced-motion support • Pauses animation work while offscreen • Optimised for Framer canvas and exports Perfect For Hero headlines, landing pages, portfolios, product launches, campaigns, editorial layouts, section headings, and brand storytelling. Built for Framer Customise the content, typography, colours, motion, timing, direction, accents, and responsive behaviour from the Framer properties panel. No code or external setup required. Add it to your project and give your next headline a more memorable entrance.

Reveal text with cinematic motion