Aisol Text Rise

Aisol Text Rise reveals a heading the way a title sequence would: each word, line or character climbs out from behind a mask as the block scrolls into view.

The split is decoration, not content. A screen reader hears your sentence once, as a sentence — never spelled out one letter at a time — because every animated fragment is hidden from the accessibility tree and the full text is exposed separately.

Reduced motion is respected properly: when the visitor has motion turned off, the animation does not run and the observer is never attached. Nothing is measured — no getBoundingClientRect, no scroll listeners, no layout reads — so the Framer canvas stays still while you work. The static renderer is a separate, pure branch: no observers, no timers, no transitions. What you see on the canvas is the finished state.

What you control: reveal by word, line or character · four motions (rise up, drop down, blur in, wipe across) · stagger, duration and easing · how much of the block must be on screen before it plays · play once or every time it comes back · heading level (H1–H3 or paragraph), alignment, size, weight, line height, colour, max width.

Line mode uses your line breaks. It never guesses where text wraps, which is why the layout stays stable at every width — and why the same line grouping survives a phone screen. Type size steps down at tablet and phone widths on its own.

Part of the Aisol component library — 19+ production-ready components. Full paid set: framer.com/@ulz-song · store: payhip.com/AisolStudio