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

Bring motion and personality to your site with Curved Interactive Moving Text, a looping animated text component built for Framer. The text flows continuously along a curved path, creating a dynamic marquee-like effect that instantly catches the eye.

Fully customizable, you can adjust the text content, font, size, speed, direction, curvature, and interactivity to fit your design. Whether subtle or bold, this component gives you endless creative flexibility for modern hero sections, headers, and showcases.

⚠️ Important: For the animation to work correctly, set the width of the component to Fill.

Best Uses

Hero sections with looping animated headlines Portfolios and landing pages with kinetic typography Creative showcases, banners, and interactive headers Continuous motion elements for branding or taglines

Key Features

Looping Motion: Smooth continuous animation along a curved path
Customization: Change text, font, speed, direction, curvature, and interactivity
Responsive: Works across desktop and mobile devices
Interactive: Reacts dynamically for added engagement
Optimized: Lightweight and built for smooth performance in Framer.

Why Use Curved Interactive Moving Text?

Instantly adds modern motion typography to your site
Boosts engagement and visual impact with looping animations
Fully customizable for any creative project
Designed for hero sections, banners, and creative typography layouts

With Curved Interactive Moving Text, your words become a living design element — flowing endlessly with motion, style, and interactivity.

5a:[["$","$L5d",null,{"post":{"id":"01998743-05d8-7656-88f3-f12cc69143a1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ROdJRDqZBMtO4qqqxXLU","resolved":true,"title":"CurvedText v2","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring motion and personality to your site with "},{"type":"text","text":"Curved Interactive Moving Text","marks":[{"type":"bold"}]},{"type":"text","text":", a looping animated text component built for Framer. The text flows continuously along a curved path, creating a dynamic marquee-like effect that instantly catches the eye."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable, you can adjust the "},{"type":"text","text":"text content, font, size, speed, direction, curvature, and interactivity","marks":[{"type":"bold"}]},{"type":"text","text":" to fit your design. Whether subtle or bold, this component gives you endless creative flexibility for modern hero sections, headers, and showcases."}]},{"type":"paragraph","content":[{"type":"text","text":"⚠️ "},{"type":"text","text":"Important:","marks":[{"type":"bold"}]},{"type":"text","text":" For the animation to work correctly, set the "},{"type":"text","text":"width of the component to ","marks":[{"type":"bold"}]},{"type":"text","text":"Fill","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":"."}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Hero sections with looping animated headlines Portfolios and landing pages with kinetic typography Creative showcases, banners, and interactive headers Continuous motion elements for branding or taglines"}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Looping Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth continuous animation along a curved path"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Change text, font, speed, direction, curvature, and interactivity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Works across desktop and mobile devices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive:","marks":[{"type":"bold"}]},{"type":"text","text":" Reacts dynamically for added engagement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized:","marks":[{"type":"bold"}]},{"type":"text","text":" Lightweight and built for smooth performance in Framer."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why Use Curved Interactive Moving Text?"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Instantly adds "},{"type":"text","text":"modern motion typography","marks":[{"type":"bold"}]},{"type":"text","text":" to your site"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Boosts "},{"type":"text","text":"engagement and visual impact","marks":[{"type":"bold"}]},{"type":"text","text":" with looping animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable for "},{"type":"text","text":"any creative project","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed for "},{"type":"text","text":"hero sections, banners, and creative typography layouts","marks":[{"type":"bold"}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"With "},{"type":"text","text":"Curved Interactive Moving Text","marks":[{"type":"bold"}]},{"type":"text","text":", your words become a living design element — flowing endlessly with motion, style, and interactivity."}]}]},"introduction":"Looping animation","slug":"curvedtext-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ROdJRDqZBMtO4qqqxXLU/curvedtext-tUKzDmnIi7HCV0jilQOApQiZB59KBA","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-22T17:08:03.228Z","updatedAt":"2026-09-12T10:42:20.223Z","publishedAt":"2025-09-26T18:22:20.632Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://curvedtext.framer.website/","price":"6","paymentUrl":"https://buy.stripe.com/aFaeVc4Td1QP757dGfeQM0i","workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"IFKxDBTBBN2vUomnicfG","tags":[]}}],"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":"2025-09-26T18:22:20.632Z","updatedAt":"2025-09-26T18:22:20.632Z","reported":false}}],"$L5f"]

Suggested for you