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

Aisol Silk Carousel is an endless row of image and video panels that bend like fabric while you drag them: the leading edge lags and the trailing edge follows.

Let go and the row glides, snaps to the nearest slide and the panels settle flat; an optional breeze adds a slight sway while the row is still.

It works with mouse, touch, trackpad and keyboard, pauses when off screen, and turns the bending off for visitors who prefer reduced motion.

- Eight built-in editorial posters fill the slides until you add your own images.

- Horizontal swipes move the row while vertical swipes still scroll the page; a sideways trackpad swipe moves it, a plain wheel does not.

- Arrow, Home and End keys move between slides, and the current slide is announced as “n of N”.

- Videos play muted only near the active slide and fall back to their poster if autoplay is blocked.

What you control

• Slides (up to 30): image, optional video, title, meta, link and link label

• Layout: panel width, aspect ratio, gap, corner radius

• Silk: bend, ripple, settle speed, breeze

• Motion: drag, snap, autoplay and interval

• Captions: show, below or overlay, text size, colour

• Controls: arrows, dots or progress line

• Theme: transparent or background colour, accent, accessible label

Limits: slides are entered in the property panel (no CMS binding); captions use a system font stack rather than your site font; images must allow cross-origin use to bend (Framer uploads do), otherwise that slide shows flat; bending and video need WebGL, and without it the carousel falls back to a plain scroll-snap row; videos are muted.

For a flowing cloth banner with a pause button, see the free sibling Aisol Silk Banner.

5a:[["$","$L5d",null,{"post":{"id":"01a0edbb-fadf-7496-910f-2d3219ea8097","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"82d016d2-8113-4080-8f2a-7c3796dceab4","name":"ulz song","slug":"ulz-song","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/cyjym4k1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"t4iePbhU5RUOQFas5pYw","resolved":true,"title":"Aisol Silk Carousel","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Aisol Silk Carousel is an endless row of image and video panels that bend like fabric while you drag them: the leading edge lags and the trailing edge follows."}]},{"type":"paragraph","content":[{"type":"text","text":"Let go and the row glides, snaps to the nearest slide and the panels settle flat; an optional breeze adds a slight sway while the row is still."}]},{"type":"paragraph","content":[{"type":"text","text":"It works with mouse, touch, trackpad and keyboard, pauses when off screen, and turns the bending off for visitors who prefer reduced motion."}]},{"type":"paragraph","content":[{"type":"text","text":"- Eight built-in editorial posters fill the slides until you add your own images."}]},{"type":"paragraph","content":[{"type":"text","text":"- Horizontal swipes move the row while vertical swipes still scroll the page; a sideways trackpad swipe moves it, a plain wheel does not."}]},{"type":"paragraph","content":[{"type":"text","text":"- Arrow, Home and End keys move between slides, and the current slide is announced as “n of N”."}]},{"type":"paragraph","content":[{"type":"text","text":"- Videos play muted only near the active slide and fall back to their poster if autoplay is blocked."}]},{"type":"paragraph","content":[{"type":"text","text":"What you control"}]},{"type":"paragraph","content":[{"type":"text","text":"• Slides (up to 30): image, optional video, title, meta, link and link label"}]},{"type":"paragraph","content":[{"type":"text","text":"• Layout: panel width, aspect ratio, gap, corner radius"}]},{"type":"paragraph","content":[{"type":"text","text":"• Silk: bend, ripple, settle speed, breeze"}]},{"type":"paragraph","content":[{"type":"text","text":"• Motion: drag, snap, autoplay and interval"}]},{"type":"paragraph","content":[{"type":"text","text":"• Captions: show, below or overlay, text size, colour"}]},{"type":"paragraph","content":[{"type":"text","text":"• Controls: arrows, dots or progress line"}]},{"type":"paragraph","content":[{"type":"text","text":"• Theme: transparent or background colour, accent, accessible label"}]},{"type":"paragraph","content":[{"type":"text","text":"Limits: slides are entered in the property panel (no CMS binding); captions use a system font stack rather than your site font; images must allow cross-origin use to bend (Framer uploads do), otherwise that slide shows flat; bending and video need WebGL, and without it the carousel falls back to a plain scroll-snap row; videos are muted."}]},{"type":"paragraph","content":[{"type":"text","text":"For a flowing cloth banner with a pause button, see the free sibling Aisol Silk Banner."}]}]},"introduction":"Carousel that ripples like silk","slug":"aisol-silk-carousel","author":{"framerUserId":"82d016d2-8113-4080-8f2a-7c3796dceab4","name":"ulz song","slug":"ulz-song","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/cyjym4k1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/01a0edbb-d4b3-76c8-9eb8-628e9591374d.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-29T15:15:14.126Z","updatedAt":"2026-10-03T14:04:07.899Z","publishedAt":"2026-09-29T15:15:14.123Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://thistle-timing-694660.framer.app/silk-carousel","price":"15","paymentUrl":"https://payhip.com/b/2uR8r","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"3akiJCTGcr2NRouwgqFV","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":"2026-09-29T15:15:14.783Z","updatedAt":"2026-09-29T15:15:14.783Z","reported":false}}],"$L5f"]

Suggested for you