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

About this Component

Scroll Stamp Poster is a scroll-driven kinetic typography component for Framer. As the page moves, four text lines sweep into place, leave bold stamped trails behind them, settle into a readable poster, and transition into the next scene.

Each scene has its own background, stamp, and text colors, giving you full control over the visual direction without touching code.

Perfect For

Editorial websites, portfolios, campaign pages, product launches, event pages, creative studios, and any section that needs a bold scroll moment.

Key Features

• Scroll-driven kinetic typography • Up to 8 customizable scenes • 4 editable text lines per scene • Independent background, stamp, and text colors • Custom Framer font control • Auto, Page, or Container scroll source • Adjustable scroll Start / End range • Reverse animation option • Scale and X / Y positioning controls • Adjustable canvas quality • Responsive square composition • Static Canvas/export fallback • Offscreen rendering optimization • No external runtime scripts or dependencies

How It Works

Drop the component into your layout, edit the scene copy and colors, then choose how the animation should follow scroll. For a full-page sequence, place it inside a sticky viewport-height frame within a taller section and leave Scroll Source on Auto.

The component reads scroll progress only—it does not lock, hijack, or force the page position.

Questions?

Hit me up at hasanwali6890@gmail.com

Refund Policy

Due to the digital nature of this product, all sales are final. Refunds are only considered for a critical technical issue that prevents the component from functioning as described and cannot be resolved through support. Requests must be submitted within 14 days of purchase with clear evidence of the issue. Refunds are not offered for change of mind, aesthetic preference, or custom modification requests.

5a:[["$","$L5d",null,{"post":{"id":"01a0dca6-ce76-7468-a365-8cca1f24fc06","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10767168-8381-4f2b-9206-2d6c344aae23","name":"Hasan Wali","slug":"hasan-wali","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98885/avatar-WMhG6M5ak8XBca7qBEj8qK9rJSB8o7.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"yrmJEJWzQ1pKcF94e2zN","resolved":true,"title":"Scroll Stamp Poster","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Component"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Scroll Stamp Poster is a scroll-driven kinetic typography component for Framer. As the page moves, four text lines sweep into place, leave bold stamped trails behind them, settle into a readable poster, and transition into the next scene."}]},{"type":"paragraph","content":[{"type":"text","text":"Each scene has its own background, stamp, and text colors, giving you full control over the visual direction without touching code."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Editorial websites, portfolios, campaign pages, product launches, event pages, creative studios, and any section that needs a bold scroll moment."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"• Scroll-driven kinetic typography • Up to 8 customizable scenes • 4 editable text lines per scene • Independent background, stamp, and text colors • Custom Framer font control • Auto, Page, or Container scroll source • Adjustable scroll Start / End range • Reverse animation option • Scale and X / Y positioning controls • Adjustable canvas quality • Responsive square composition • Static Canvas/export fallback • Offscreen rendering optimization • No external runtime scripts or dependencies"}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Drop the component into your layout, edit the scene copy and colors, then choose how the animation should follow scroll. For a full-page sequence, place it inside a sticky viewport-height frame within a taller section and leave Scroll Source on Auto."}]},{"type":"paragraph","content":[{"type":"text","text":"The component reads scroll progress only—it does not lock, hijack, or force the page position."}]},{"type":"customHeading","content":[{"type":"text","text":"Questions?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Hit me up at "},{"type":"text","text":"hasanwali6890@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hasanwali6890@gmail.com","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Due to the digital nature of this product, all sales are final. Refunds are only considered for a critical technical issue that prevents the component from functioning as described and cannot be resolved through support. Requests must be submitted within 14 days of purchase with clear evidence of the issue. Refunds are not offered for change of mind, aesthetic preference, or custom modification requests."}]}]},"introduction":"Kinetic type trails on scroll","slug":"scroll-stamp-poster","author":{"framerUserId":"10767168-8381-4f2b-9206-2d6c344aae23","name":"Hasan Wali","slug":"hasan-wali","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98885/avatar-WMhG6M5ak8XBca7qBEj8qK9rJSB8o7.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10767168-8381-4f2b-9206-2d6c344aae23/01a0dca6-b8c8-7155-b5a3-ba6d66906cc9.png","metadata":{"tint":{"h":280,"s":75,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-26T07:38:33.911Z","updatedAt":"2026-09-26T07:38:33.911Z","publishedAt":"2026-09-26T07:38:33.908Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://comprehensive-season-883458.framer.app","price":"9","paymentUrl":"https://contra.com/payment-link/EF2D7eay-scroll-stamp-poster-kinetic-type-trails-on-scroll","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"u0aWALPlv0CLq5yGXrK2","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-26T07:38:34.486Z","updatedAt":"2026-09-26T07:38:34.486Z","reported":false}}],"$L5f"]

Suggested for you