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

Image Marquee Rows is an interactive Framer component for building dynamic visual sections from manual content or Framer CMS collections.

Create multiple horizontal rows of text and images that move in alternating directions, respond to drag, and add subtle parallax depth as visitors interact with the section. Each item can include a title, descriptor, image, and optional link. On desktop, hovering over an item can reveal a focused image preview, while the marquee continues to move. On mobile, previews can appear inline after the active item for a cleaner touch-friendly layout.

Use it to turn portfolios, product collections, visual directories, brand archives, editorial lists, and interactive landing page sections into a richer browsing experience. Instead of a static grid, Image Marquee Rows gives your content movement, depth, and a tactile feel while staying easy to configure inside Framer.

Key features

Manual content and Framer CMS-ready structure
Multiple marquee rows with independent direction controls
Default alternating motion pattern: left, right, left
Drag interaction for exploring rows manually
Optional parallax motion for added depth
Title, descriptor, image, and optional link for each item
Desktop hover image preview
Mobile tap behavior with inline image placement
Seamless looping marquee animation
Adjustable speed, spacing, typography, colors, image size, and preview style
Pause or slow down on hover
Reduced-motion fallback
Designed for portfolios, product showcases, editorial pages, visual indexes, and landing sections

Interaction modes

Auto marquee: rows move continuously
Drag mode: visitors can pull rows left or right
Parallax mode: images and text shift with subtle depth based on cursor or scroll movement
Hover preview: focused image appears when an item is active
Mobile inline preview: image appears directly after the selected item

Suggested use cases

Portfolio project showcases
Product and collection pages
Brand archive sections
Editorial indexes
Interactive landing page blocks
Visual navigation sections
Framer CMS galleries
Featured work rows

Feature tagline options

Turn your CMS content into a draggable image marquee.
Moving image rows with drag, parallax, and hover previews.
A visual marquee system for portfolios, products, and editorial pages.
Add motion, depth, and interaction to your Framer CMS lists.

59:[["$","$L5c",null,{"post":{"id":"019ea801-b567-7b76-bbe6-b0450982e366","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4720becb-41ef-499e-bb1b-c51820cd7404","name":"Place Peak","slug":"place-peak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/87193/BXmheiAWO-pjQtAeFI35gZydhSfp7pdMrsZCyxpS","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7lx7Zvg9gKzU3M6soCJB","resolved":true,"title":" Image Marquee Rows","body":"$5d","bodyJson":null,"introduction":"Draggable rows","slug":"image-marquee-rows","author":{"framerUserId":"4720becb-41ef-499e-bb1b-c51820cd7404","name":"Place Peak","slug":"place-peak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/87193/BXmheiAWO-pjQtAeFI35gZydhSfp7pdMrsZCyxpS","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7lx7Zvg9gKzU3M6soCJB/image-marquee-rows-HHeNR1l78SdIbd9QwXdafqbCgiwx55","metadata":{"tint":"hsl(0 0% 16%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-05-29T11:04:50.288Z","updatedAt":"2026-06-07T12:49:51.925Z","publishedAt":"2026-06-08T16:12:24.807Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://image-marquee-rows.framer.website/","price":"15","paymentUrl":"https://contra.com/products/ltRIkoY2-image-marquee-rows-framer-component","workshop":false,"categories":[{"id":"e37e310f-bced-42c5-9709-c0a59a28dd3b","name":"CMS","slug":"cms"}],"lastSaveId":"U7sX1LFD4yRgD1vXatgq"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-08T16:12:24.807Z","updatedAt":"2026-06-08T16:12:24.807Z","reported":false}}],"$L5e"]

Suggested for you