Block Wipe Text

Block Wipe Text
Block Wipe Text

About Block Wipe Text

Omakase Block Reveal Text — Framer Component

A text reveal that actually looks designed. Drop it onto any heading in Framer and it animates into view: a coloured block wipes across, the words appear behind it, and every setting lives in the properties panel. No code, no After Effects, no plugins.

What's inside:

* 7 animation styles — block wipe, clip reveal, mask slide, slide fade, blur in, scale in, flip in

* 4 directions — left, right, top or bottom

* Reveal all at once, or line by line, word by word, or letter by letter

* Play forward, backwards, from the middle out, or shuffled

* Triggers on scroll into view, page load, hover or click — once or every time

* One or two sweeping blocks, both colours yours to pick

* Speed, stagger, delay, and 7 ready-made easing curves plus your own

* Works with a text layer you already have, or type straight into the panel

Built properly:

* No external libraries — one component, nothing else to install

* Responsive on desktop, tablet and mobile

* Line mode re-measures when text rewraps, so it stays correct at every size

* Respects each visitor's reduced-motion setting

* Shows the finished text on the Framer canvas, so your layouts stay readable while you design

Who it's for: designers and founders who want headlines that feel considered, without touching code or exporting video.

One licence, $5, unlimited websites — personal, commercial and client work.