5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T97c,

A scroll-driven text animation that reveals lines from a soft, melted blur into sharp, readable text, with a fluid gooey effect that follows the scroll — fully customizable.

Features

Scroll-driven text reveal
Line-by-line text animation
Gooey liquid blur effect
Adjustable blur amount
Custom gooey strength and threshold
Adjustable line stagger
Optional repeat animation
Reveal-once mode
Optional smooth scrolling
Custom font, color, and alignment
CMS and variable text support
Responsive text layout
Static-render optimized for Framer

Fully Customizable

Everything can be adjusted directly from Framer’s property panel, from the text styling and gooey effect to line timing, reveal behavior, alignment, and smooth scrolling.

Customize

Text content and paragraph spacing
Font, size, weight, and line height
Text color and alignment
Blur amount
Gooey strength and threshold
Line-by-line reveal and stagger
Repeat or reveal-once behavior
Smooth scrolling
CMS or variable text binding

How It Works

As the text enters the viewport, each line begins as a soft, melted blur and gradually sharpens into focus as you scroll. Lines reveal one after another with an overlapping gooey transition, creating a fluid hand-off between each line. Scroll back up to melt the text again when repeat mode is enabled.

Need help setting it up?

If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at support@russetsupply.com.

Explore More

Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 500+ users.

Browse Library

5a:[["$","$L5d",null,{"post":{"id":"01a0f7a4-9c91-70da-9c6d-dab555a7f45f","title":null,"body":"

A scroll-driven gooey text reveal animation

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A scroll-driven gooey text reveal animation"}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"KSyS4dVrrQrn5tyKmCpF","resolved":true,"title":"Gooey Text Reveal","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://gooeytextreveal.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"A scroll-driven text animation that reveals lines from a soft, melted blur into sharp, readable text, with a fluid gooey effect that follows the scroll — fully customizable."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven text reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Line-by-line text animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gooey liquid blur effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable blur amount"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom gooey strength and threshold"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable line stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional repeat animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reveal-once mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional smooth scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom font, color, and alignment"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS and variable text support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive text layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-render optimized for Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Fully Customizable","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Everything can be adjusted directly from Framer’s property panel, from the text styling and gooey effect to line timing, reveal behavior, alignment, and smooth scrolling."}]},{"type":"customHeading","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text content and paragraph spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font, size, weight, and line height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text color and alignment"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blur amount"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gooey strength and threshold"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Line-by-line reveal and stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Repeat or reveal-once behavior"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS or variable text binding"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"As the text enters the viewport, each line begins as a soft, melted blur and gradually sharpens into focus as you scroll. Lines reveal one after another with an overlapping gooey transition, creating a fluid hand-off between each line. Scroll back up to melt the text again when repeat mode is enabled."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help setting it up?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at "},{"type":"text","text":"support@russetsupply.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@russetsupply.com","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"customHeading","content":[{"type":"text","text":"Explore More","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 500+ users."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse Library","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://hy.chujiqiqi.com/@russetsupply/?tab=component","target":"_blank"}}]}]}]},"introduction":"Scroll-driven text animation","slug":"gooey-text-reveal","author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a0f7a4-7e4d-726b-8393-ede373e064cd.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-10-01T13:25:54.725Z","updatedAt":"2026-10-01T13:55:45.007Z","publishedAt":"2026-10-01T13:25:54.720Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/gooeytextreveal-24Mwod.js@5HEuZuKA0e8ZGBSSepjp","previewUrl":"https://gooeytextreveal.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"5HEuZuKA0e8ZGBSSepjp","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-01T13:25:55.475Z","updatedAt":"2026-10-01T13:25:55.475Z","reported":false}}],"$L5f"]

Suggested for you