61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62:Tb34,

Setup:

Place this component inside a sticky stack. (Recommendations Below)
Configure settings: Text, Color, Reveal Type, and Reveal Mode
Done!

Features

Three Reveal Styles → Highlight, Mask, or Fade In
Reveal Modes → Animate by letter, word, or line
Blur Effect → Add subtle blur for extra style
Embedded Link → Turn any word in the display text into a clickable hyperlink.
HTML Tag Support → Choose semantic tags (p, h1, etc.) for accessibility

Controls:

Delay → Default: 0vh.

At 0vh, the animation starts instantly. Increasing this value (e.g., 100vh) means the animation will begin only after that amount of scroll distance.

Duration → Default: 100vh.

This defines how long the animation takes. At 100vh, the reveal completes over 100vh of scroll distance.

Disappear → Default: No.

When set to Yes, the text will disappear as you continue scrolling after it has been revealed. Same as Reveal but in reverse.

# Sticky Section Setup (Framer)

This component uses Framer’s Sticky Scroll feature. It requires two stacks:

Container Stack
- Height: 200vh or more
- Position: Relative
Sticky Stack
- Height: exactly 100vh
- Position: Sticky

These Height values are not mandatory. You can try other Height values according to your need.

Once set, the sticky stack behaves like a regular section.

Learn More:

Search on YouTube: “Sticky scroll Framer”, or
Detailed Tutorial: Framer University – Sticky Scroll

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4-all:/unified/creator/f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4/activity/":[{"data":[{"id":"01a071c6-8bb1-7399-b574-81cda4f7d466","type":"comment.reply","target":{"type":"post","id":"019d8b74-782f-7f0b-b9ad-8caab9a00c3a","preview":"Block Text Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/D2Y77nxgTnUh1MFILtne/block-text-reveal-moTlrL13ilSoGPGLN09IidPUVsjvfO","targetDeleted":false,"owned":true,"actions":{"postId":"019d8b74-782f-7f0b-b9ad-8caab9a00c3a","like":{"count":37,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a071c6-8b8e-7679-8139-7ec7cbb62f90","preview":"Hi! sorry a bit late.\nHere's the remix link. Hope it'll help.\nhttps://framer.link/lfChxZJ","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi! sorry a bit late."}]},{"type":"paragraph","content":[{"type":"text","text":"Here's the remix link. Hope it'll help."}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/lfChxZJ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/lfChxZJ","target":"_blank"}}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d8b74-782f-7f0b-b9ad-8caab9a00c3a","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a04f23-061d-72f3-96e8-853cd8e0dad5"},"repost":null}},"actors":[{"id":"f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4","name":"Tamzid","avatar":"https://framerusercontent.com/avatars/users/f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4/pzmxm9eOA","slug":"tamzid","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-05T13:33:52.433Z","latestAt":"2026-09-05T13:33:52.433Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4:/unified/posts/?creator=f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4&with=reposts":[{"data":[{"id":"019d8b74-782f-7f0b-b9ad-8caab9a00c3a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4","name":"Tamzid","slug":"tamzid","avatar":"https://framerusercontent.com/avatars/users/f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4/pzmxm9eOA","followed":false,"followsYou":false},"media":[],"resources":[{"id":"D2Y77nxgTnUh1MFILtne","resolved":true,"title":"Block Text Reveal","body":"

Place it like normal text in you Framer project, then pick from three Reveal Types. Done.

Note:

'Blocks Sticky' is the only reveal type that requires a Sticky Stack.
In Reveal Type = Lines, try using similar font size and letter spacing in Text and Highlighted Text.

Last example setup - put each line in a separate component one under another, add Highlighted Text, and set the viewport trigger to bottom.

\"Control — Control panel of Block Text Reveal

","bodyJson":null,"introduction":"Words & Lines Come Alive on Scroll","slug":"block-text-reveal","author":{"framerUserId":"f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4","name":"Tamzid","slug":"tamzid","avatar":"https://framerusercontent.com/avatars/users/f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4/pzmxm9eOA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/D2Y77nxgTnUh1MFILtne/block-text-reveal-moTlrL13ilSoGPGLN09IidPUVsjvfO","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-03T10:49:25.225Z","updatedAt":"2026-06-24T03:07:57.734Z","publishedAt":"2026-04-14T10:05:59.215Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Block-Text-Reveal-c0ipc2.js@FN1tkLK0SrJngThTT1u0","previewUrl":"https://blocktextreveal.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"FN1tkLK0SrJngThTT1u0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":37,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-14T10:05:59.215Z","updatedAt":"2026-04-14T10:05:59.215Z"},{"id":"019d432c-d264-7e82-82df-f56322135c56","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4","name":"Tamzid","slug":"tamzid","avatar":"https://framerusercontent.com/avatars/users/f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4/pzmxm9eOA","followed":false,"followsYou":false},"media":[],"resources":[{"id":"kDKYW0PW2WTdrcVUx0mN","resolved":true,"title":"Sticky Text Reveal","body":"$62","bodyJson":null,"introduction":"Static text, dynamic reveal.","slug":"sticky-text-reveal","author":{"framerUserId":"f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4","name":"Tamzid","slug":"tamzid","avatar":"https://framerusercontent.com/avatars/users/f4e4dc73-eaf9-4eee-8b4a-4dec1e229ef4/pzmxm9eOA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/kDKYW0PW2WTdrcVUx0mN/sticky-text-reveal-OIn21Ql158aAkPVhHt06xKS70vL5ws","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-15T23:58:41.181Z","updatedAt":"2026-06-24T03:07:29.505Z","publishedAt":"2026-03-31T09:15:04.164Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Sticky-Text-Reveal-On-Scroll-iCCS7W.js@WxicNVwPpTK0c5l4ieT6","previewUrl":"https://stickytextreveal.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"WxicNVwPpTK0c5l4ieT6","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-31T09:15:04.164Z","updatedAt":"2026-03-31T09:15:04.164Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L63"}]