5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5d:T8f6,

Gumroad - Preview - If you want customization, Please contact me via my email : colab232777@gmail.com !Transform static words into motion. Rolling Text is a lightweight Framer component that animates your text with a smooth rolling effect when it enters the viewport. Place it anywhere on your page — hero sections, feature highlights, or footers — and watch your typography come alive.

Fully customizable, you can change font, size, color, speed, delay, and text content to match your design. This makes Rolling Text the perfect blend of elegance and interactivity for modern websites.

Best Uses

🚀 Hero sections with eye-catching animated headlines🎨 Portfolios and landing pages that need modern text motion✨ Feature callouts or section titles that stand out📜 Subtle text animations for long-form pages or blogs

Key Features

On-Scroll Animation: Triggers when text enters the viewport
Customizable Content: Edit any text, font, color, and size
Adjustable Motion: Control rolling speed, delay
Responsive: Works seamlessly across desktop and mobile
Lightweight: Optimized for smooth performance in Framer

Why Use Rolling Text?

Adds motion and depth to your typography
Boosts engagement with scroll-triggered animation
Easy to customize for any creative project
Perfect for hero sections, headlines, and feature highlights

With Rolling Text, your words don’t just sit still — they roll in with personality and style, helping you stand out with modern motion design.

59:[["$","$L5c",null,{"post":{"id":"019e26d6-35e8-789a-855b-a57c0a674cfa","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"colab colab","slug":"colab-colab","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ae4TSFsvQQLXtirdJwWK","resolved":true,"title":"RollingT","body":"$5d","bodyJson":null,"introduction":"Rolling Text is a Framer component","slug":"rollingt","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"colab colab","slug":"colab-colab","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ae4TSFsvQQLXtirdJwWK/rollingt-queDhCb4qg06eeeRhZetkz9H0SrIWa","metadata":{"tint":"hsl(0 0% 57%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-05-10T03:31:39.521Z","updatedAt":"2026-05-14T14:11:54.207Z","publishedAt":"2026-05-14T14:13:53.256Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://powerful-tool-286479.framer.app/","price":"10","paymentUrl":"https://contra.com/payment-link/AqyAVEAR-rolling-text-rolling-text-is-a-framer-component-basic","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Typography","slug":"typography"}],"lastSaveId":"Q6vnvvUCl3IFiRkjuzej"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T14:13:53.256Z","updatedAt":"2026-05-14T14:13:53.256Z","reported":false}}],"$L5e"]

Suggested for you