Cinematic Reveal

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.