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

Infinite Story is a fullscreen, never-ending scroll story for Framer. Each section is one full-bleed image with two curved words riding an arc over it, and the whole thing loops forever as you scroll, snapping cleanly to each section.

It is a faithful, dependency-free rebuild of the never ending story scroll effect, with the curved radial marquee titles built in. No GSAP, no Lenis, no libraries.

The curved titles

One or two words per section, bent onto an arc: a bold condensed word and an optional cursive one. They scroll along the curve on their own and scale from large to small as the section settles into the centre. You set how tightly they bend and how fast each one moves.

Effects

Text Rise, the words drift against the scroll for depth.
Text Blend, Difference / Exclusion / Overlay / Outline on the type.
Motion Blur, blurs while scrolling, crisp on settle.
Slow Zoom, a gentle Ken Burns drift.
Depth Push, incoming sections scale and fade in from behind.

Manual or CMS

Add sections by hand, each with an image, two words, colours, and a link, or drop a Collection List into the slot: image becomes the section, the first two text layers become the words, and the row link is followed on click. It ships with Framer hosted placeholders, so it looks complete on drop in.

Controls

Grouped for clarity: Source, Words, Marquee, Effects, Motion, and Style. Every control carries its own one line description in the panel. The signature look uses League Gothic and Ms Madi, which the component loads for you.

What you get

A fullscreen infinite scroll story with curved marquee titles, picture parallax, an infinite snapping loop, five combinable effects, manual or CMS data, click through links, no npm dependencies, a calm static preview, and free updates within the version.

Made with 🖤 for Framer by Harsh

5a:[["$","$L5d",null,{"post":{"id":"019f5641-cad8-7539-8c7d-490c5094f67a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6742a5cc-f892-4459-8697-923dd5a77da4","name":"Harsh Works","slug":"harshworks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/131569/avatar-a0B3vAmCYXJActVKja9SCf8bMXQquH.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"AEs0X5MpGuCO5M24lc2C","resolved":true,"title":"Infinite Story","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Infinite Story is a fullscreen, never-ending scroll story for Framer. Each section is one full-bleed image with two curved words riding an arc over it, and the whole thing loops forever as you scroll, snapping cleanly to each section."}]},{"type":"paragraph","content":[{"type":"text","text":"It is a faithful, dependency-free rebuild of the never ending story scroll effect, with the curved radial marquee titles built in. No GSAP, no Lenis, no libraries."}]},{"type":"customHeading","content":[{"type":"text","text":"The curved titles"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"One or two words per section, bent onto an arc: a bold condensed word and an optional cursive one. They scroll along the curve on their own and scale from large to small as the section settles into the centre. You set how tightly they bend and how fast each one moves."}]},{"type":"customHeading","content":[{"type":"text","text":"Effects"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text Rise","marks":[{"type":"bold"}]},{"type":"text","text":", the words drift against the scroll for depth."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text Blend","marks":[{"type":"bold"}]},{"type":"text","text":", Difference / Exclusion / Overlay / Outline on the type."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion Blur","marks":[{"type":"bold"}]},{"type":"text","text":", blurs while scrolling, crisp on settle."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Slow Zoom","marks":[{"type":"bold"}]},{"type":"text","text":", a gentle Ken Burns drift."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Depth Push","marks":[{"type":"bold"}]},{"type":"text","text":", incoming sections scale and fade in from behind."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Manual or CMS"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add sections by hand, each with an image, two words, colours, and a link, or drop a Collection List into the slot: image becomes the section, the first two text layers become the words, and the row link is followed on click. It ships with Framer hosted placeholders, so it looks complete on drop in."}]},{"type":"customHeading","content":[{"type":"text","text":"Controls"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Grouped for clarity: Source, Words, Marquee, Effects, Motion, and Style. Every control carries its own one line description in the panel. The signature look uses League Gothic and Ms Madi, which the component loads for you."}]},{"type":"customHeading","content":[{"type":"text","text":"What you get"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A fullscreen infinite scroll story with curved marquee titles, picture parallax, an infinite snapping loop, five combinable effects, manual or CMS data, click through links, no npm dependencies, a calm static preview, and free updates within the version."}]},{"type":"paragraph","content":[{"type":"text","text":"Made with "},{"type":"emoji","attrs":{"name":"black_heart","emoji":"🖤"}},{"type":"text","text":" for "},{"type":"text","text":"Framer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/harshupadhyay","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" by "},{"type":"text","text":"Harsh","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://harsh.works/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"A fullscreen infinite scroll story","slug":"infinite-story","author":{"framerUserId":"6742a5cc-f892-4459-8697-923dd5a77da4","name":"Harsh Works","slug":"harshworks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/131569/avatar-a0B3vAmCYXJActVKja9SCf8bMXQquH.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6742a5cc-f892-4459-8697-923dd5a77da4/019f5641-5e99-720f-9838-40a9713f0ba4.png","metadata":{"tint":{"h":270,"s":80,"l":16},"width":1600,"height":1000}}],"post":null,"createdAt":"2026-07-12T12:16:19.867Z","updatedAt":"2026-09-13T07:41:57.227Z","publishedAt":"2026-07-12T12:16:19.864Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/InfiniteStory-QmYOgz.js@2Hcydj7iVQ8BzA0cqrao","previewUrl":"https://infinitestory.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"2Hcydj7iVQ8BzA0cqrao","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-12T12:16:20.184Z","updatedAt":"2026-07-12T12:16:20.184Z","reported":false}}],"$L5f"]

Suggested for you