Ink Flow

Ink Flow is a Framer scroll text animation component. Lines mode reveals a paragraph character by character as you scroll, ripples it with scroll speed and lifts letters near the cursor. Path mode sets a phrase on a curve that travels as you scroll.

Use Lines for a manifesto or statement and Path for a single phrase between sections. Set the font like any text.

Controls:

• Text, Tag, Mode (Lines or Path), Font, Color, Dim Color, Align

• Reveal: Rise, Ink (dim to full colour), Fade, Blur or None

• Offset, Start, End: how the characters arrive, and where the reveal begins and ends on screen

• Wave, Frequency: ripple height and tightness when scrolling fast

• Hover, Hover Radius, Lift: letters lifting near the cursor

• Path, SVG Path, Curve, Travel, Separator: arc, wave, line, circle or your own SVG path, how far it bends and moves

Phones get the same effect without the hover lift. With reduced motion the text is shown in full and nothing moves. Colour controls take your tokens, so dark mode follows the theme. It works on Arabic right-to-left pages.

Setup: paste the component onto the canvas, type your text, pick Lines or Path, then set Start and End for where the reveal runs on screen.

After checkout: the component link to paste onto your Framer canvas, plus an editable Framer project with a demo page.

All nine components in one project, the Motion Kit, are USD 49: https://buy.stripe.com/bJeeVd3Pq0y116z5l4f3a0i

All sales are final, no refunds. If the component link does not work or you were charged twice, email hello@unreel.ae and we fix it.