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:T7f3,

Ultimate Scroll Reveal is a plug-and-play Framer component that reveals text based on scroll position, giving you precise, readable motion without timelines or keyframes. Drop it into any section, paste your copy, and the reveal stays perfectly synced to the user’s scroll for a premium “storytelling” feel.

Important: After pasting this component into a new project, set the parent frame to Fit Content so the component displays and behaves correctly.

You can choose how the text reveals:

Words for bold, editorial pacing
Letters for a more cinematic, type-driven effect
Lines for clean, presentation-style storytelling

The layout is built for real pages. The text block can stay sticky while the section scrolls behind it, and you can control horizontal and vertical alignment from Framer’s native segmented controls. Typography is fully handled through native Framer font controls, so users can style it like any normal text layer.

To make editing easy, Ultimate Scroll Reveal includes Canvas Preview options so your text is visible while designing (even without real scrolling on the editor canvas). You can preview the fully revealed state or set a custom preview progress.

For extra depth, you can enable an optional Ghost Layer that renders a low-opacity “fully revealed” version behind the animated text—perfect for subtle contrast and a polished, high-end look.

Key features

Scroll-triggered reveal with smooth, stable timing
Reveal modes: Words, Letters, Lines
Sticky layout + adjustable alignment
Native Framer font controls
Canvas Preview for editing visibility
Optional Ghost Layer (opacity + color controls)

5a:[["$","$L5d",null,{"post":{"id":"019bbd24-d831-7860-8036-586ca3253bda","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"06e6a36a-261b-4caf-9795-4791e82b2a2f","name":"Ayberk Helvacı","slug":"ayberk-helvaci","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/122381/avatar-eZIr0n3mD5e3VI79cOaekNSARRhIU7.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Ey32GF495vsnzWaGo5Hq","resolved":true,"title":"Ultimate Scroll Text","body":"$5e","bodyJson":null,"introduction":"","slug":"ultimate-scroll-text","author":{"framerUserId":"06e6a36a-261b-4caf-9795-4791e82b2a2f","name":"Ayberk Helvacı","slug":"ayberk-helvaci","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/122381/avatar-eZIr0n3mD5e3VI79cOaekNSARRhIU7.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Ey32GF495vsnzWaGo5Hq/ultimate-scroll-text-Gi29QXjUhfBupAC5j7k2KSQegjRozy","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-12T13:44:16.214Z","updatedAt":"2026-01-13T16:25:32.691Z","publishedAt":"2026-01-14T15:34:27.121Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Text-Scroll-Njlj.js@HCWyZNCeyS9AEXx7u2o4","previewUrl":"https://high-kimchi-291401.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"HCWyZNCeyS9AEXx7u2o4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":83,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-14T15:34:27.121Z","updatedAt":"2026-01-14T15:34:27.121Z","reported":false}}],"$L5f"]

Suggested for you