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

CMS Scrolling Gallery is designed for projects that need more energy than a traditional portfolio or editorial layout. As users scroll, a thumbnail bar progresses through items, triggering background image changes and large scale text, creating a cinematic and intentional flow without manual animation work.

The component offers extensive property controls for layout, spacing, text scale, thumbnails, and interaction behaviour, with multiple transition styles to shape how content and text moves. The thumbnail bar can be docked in several postions and orientations along with ability to either drag (or not drag) the bar. The remix includes two versions: an advanced coded component for deeper control, and a no code CMS driven version for easy content management. Including a package of curated Midjourney images and videos. It suits visual storytelling, bold portfolios, and expressive, motion led brand pages.

Features

Framer remix & Midjoureny images and videos package
Scroll driven gallery with cycling thumbnails
Thumbnail bar advances automatically as the user scrolls
Thumbnail bar is fully customisable and can be set of drag or no drag
Background images update in sync with active thumbnails
Large scale text reveals tied to each gallery item
Fully CMS powered no code version for easy content management
Advanced coded version included with extended interaction features
Eight transition styles with additional options for motion behaviour
Customisable layout, docking, spacing, and sizing controls
Supports expressive, colourful, and typographically led designs
Also delivered as a Framer remix for full flexibility and adaptation

5a:[["$","$L5d",null,{"post":{"id":"019c6b15-230b-7c0f-9d0d-8dc49a778d3a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4d4d9333-ef11-4e84-9c52-2a026fb91e1f","name":"Lee Black","slug":"leeblack","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/72198/avatar-tITRI6fWrDA7ScuROCY5fJUlpsKNXj.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"z5uQBCqjKLGWWe8P1LPg","resolved":true,"title":"CMS Scroll Gallery","body":"$5e","bodyJson":null,"introduction":"A different kind of scroller","slug":"cms-scroll-gallery","author":{"framerUserId":"4d4d9333-ef11-4e84-9c52-2a026fb91e1f","name":"Lee Black","slug":"leeblack","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/72198/avatar-tITRI6fWrDA7ScuROCY5fJUlpsKNXj.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/z5uQBCqjKLGWWe8P1LPg/cms-scroll-gallery-plWrdtq1rub3zKe7zz557JTaC0xVjz","metadata":{"tint":{"h":42,"s":67,"l":27},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-30T07:52:36.619Z","updatedAt":"2026-05-14T07:24:03.169Z","publishedAt":"2026-02-17T10:11:13.291Z","featuredAt":"2026-06-15T14:07:06.949Z","approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/ImageScroller-kjnj.js@aP86nmOJy6tPfN0rRzeL","previewUrl":"https://inventive-posterity-548984.framer.app","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"aP86nmOJy6tPfN0rRzeL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":587,"liked":false},"comments":{"count":7},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-17T10:11:13.291Z","updatedAt":"2026-02-17T10:11:13.291Z","reported":false}}],"$L5f"]

Suggested for you