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

Create an infinite scrolling carousel with a fixed rainbow arch. Cards rise to the center and descend at the edges as they scroll. Works for product showcases, image galleries, testimonials, and hero sections.

How It Works

The arch is fixed to the screen center (center = peak). Cards scroll horizontally along the arch, rotating to align with the curve. As they pass the center, they rise; as they move to the edges, they descend. The loop wraps seamlessly for continuous scrolling.

Visual Customization

Adjustable slide dimensions — Set width and height (default 300×400px)

Speed control — From slow to fast (0–10)

Direction toggle — Scroll left or right

Gap spacing — Control spacing between cards (0–100px)

Curve height — Adjust arch intensity (-300 to 300px; positive = convex, negative = concave)

Key Features

Fixed arch shape — Consistent curve across all screen sizes

Infinite loop — Seamless wrapping for continuous scrolling

Equal spacing — Consistent gaps maintained during rotation

Center-based positioning — Cards positioned by center point to prevent overlap

Smooth rotation — Cards rotate to align with the curve

No entry/exit effects — Static rainbow shape that scrolls as one unit

Responsive design — Adapts to container size while keeping arch shape consistent

Customization

Adjust everything through property controls: slide dimensions with number inputs, speed and gap with sliders, direction with a dropdown, and curve height with a slider. No coding required. Mix settings to match your brand.

Best For

Product showcases, image galleries, testimonial carousels, portfolio displays, feature highlights, hero sections, landing pages, e-commerce sites, or anywhere you need smooth, eye-catching motion that guides attention.

5a:[["$","$L5d",null,{"post":{"id":"019af2ad-1a8f-7ae5-84e7-a09d36bff049","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"689b83cd-3aee-437e-bb9f-02b1d5e1e6e1","name":"AGR Studio","slug":"agrstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/689b83cd-3aee-437e-bb9f-02b1d5e1e6e1/o7gu71bz","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"979Emy6b2bRvoGQ23NFD","resolved":true,"title":"Rainbow Carousel","body":"$5e","bodyJson":null,"introduction":"","slug":"rainbow-carousel","author":{"framerUserId":"689b83cd-3aee-437e-bb9f-02b1d5e1e6e1","name":"AGR Studio","slug":"agrstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/689b83cd-3aee-437e-bb9f-02b1d5e1e6e1/o7gu71bz","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/979Emy6b2bRvoGQ23NFD/rainbow-carousel-SEsd2kw3E5iksCJlDeFgBq4eWPyFF4","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-01T14:02:41.462Z","updatedAt":"2025-12-05T17:16:02.813Z","publishedAt":"2025-12-06T08:00:22.159Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://rainbow-carousel.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_JIpFOt3iqYPKTXdzLqgoyYXU47iPoGG7xwlgO2qpLLp","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"4kEGhaDOQTgtpKkj30t9","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-06T08:00:22.159Z","updatedAt":"2025-12-06T08:00:22.159Z","reported":false}}],"$L5f"]

Suggested for you