57:I[473921,["/creators-assets/_next/static/immutable/chunks/3c-b-8ufmviux.js","/creators-assets/_next/static/immutable/chunks/2lb80c7sdmm1x.js","/creators-assets/_next/static/immutable/chunks/24qz5wotuh5hj.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/0j6nsovyxcqkz.js","/creators-assets/_next/static/immutable/chunks/3mwqlk6tp5l2t.js","/creators-assets/_next/static/immutable/chunks/2dvu3r_tb3ihz.js","/creators-assets/_next/static/immutable/chunks/1q7v4rdbqi_5d.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/1w_rozgc2dplq.js","/creators-assets/_next/static/immutable/chunks/0dglr8x18qkm5.js","/creators-assets/_next/static/immutable/chunks/0a8vglvd9phm3.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/2bbm33yuxi64a.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0kjwwabuczr28.js","/creators-assets/_next/static/immutable/chunks/088oy6f_9ll4s.js","/creators-assets/_next/static/immutable/chunks/22zq93dcklbwz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0eljubaqaqluk.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3g7os-hf6q3tv.js","/creators-assets/_next/static/immutable/chunks/1e3mmtw6okz19.js","/creators-assets/_next/static/immutable/chunks/3fcb65_46-jt7.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/2x3imtac9af--.js","/creators-assets/_next/static/immutable/chunks/2t6l_zgbmmx8u.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/0_ulklfcrp-s3.js","/creators-assets/_next/static/immutable/chunks/3-uff2nrv83hw.js","/creators-assets/_next/static/immutable/chunks/0alicgkopr9se.js","/creators-assets/_next/static/immutable/chunks/0-kepukl8ldjk.js","/creators-assets/_next/static/immutable/chunks/2-u6q7fsgfx0e.js"],"PostDetailCard"] 58:T954,

Flex Carousel bends an endless row of images through an invisible glass lens. Drag, scroll or use the arrow keys and the row flexes where it crosses the edge of the glass, with a soft rainbow split of light along the curve. Click a card and it opens in focus: the others part, the bend melts away and the image grows.

Shape the Glass

Start from a preset (Liquid, Ribbon, Vortex, Arch) or switch to Custom and shape the lens yourself: width, height, tilt, roundness, bend, reach and dispersion. Pick which way the ends curl, let the glass wobble like a liquid, or let it drift after the cursor like a loupe.

Key Features

Motion

Four entrance animations: Rise, Bloom, Spin and Deal
Endless loop with spring snapping and drag with momentum
Three scroll modes: Capture, On Page (scrolling the page spins the row, perfect for a hero) or Off
Cards squeeze slightly while the row moves fast
Optional autoplay that pauses on hover, focus and interaction

Images

Natural ratio, or crop every card to Portrait, Square or Landscape
Adjustable card height, gap and corner radius
Title and subtitle per image, with an animated counter below the row
Custom fonts and text color for the captions

Interaction

Click to focus a card, click, drag, scroll or Escape to close
Full keyboard support: arrows, Home, End, Enter
On Change and On Select events to trigger your own interactions

Performance

GPU rendered with WebGL, no external libraries
Rendering pauses when the carousel is off screen
Respects reduced motion settings
Still preview on the canvas

How to Set Up

Drag Flex Carousel onto your canvas and give it a size
Add your images, titles and subtitles under Images
Pick a Preset, or Custom to shape the glass
Adjust intro, fit and captions, then publish

Refund Policy

All sales of digital products are final and non-refundable. Questions? Contact hellonostromostudio@gmail.com before purchasing. Enjoy!

54:[["$","$L57",null,{"post":{"id":"01a15455-2433-76d8-b5b5-70824003acfc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"xXYumSqUL4PYPvyJkdJF","resolved":true,"title":"Flex Carousel","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flex Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" bends an endless row of images through an invisible glass lens. Drag, scroll or use the arrow keys and the row flexes where it crosses the edge of the glass, with a soft rainbow split of light along the curve. Click a card and it opens in focus: the others part, the bend melts away and the image grows."}]},{"type":"customHeading","attrs":{"level":1},"content":[{"type":"text","text":"Shape the Glass"}]},{"type":"paragraph","content":[{"type":"text","text":"Start from a preset (Liquid, Ribbon, Vortex, Arch) or switch to Custom and shape the lens yourself: width, height, tilt, roundness, bend, reach and dispersion. Pick which way the ends curl, let the glass wobble like a liquid, or let it drift after the cursor like a loupe."}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Key Features"}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Motion"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four entrance animations: Rise, Bloom, Spin and Deal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Endless loop with spring snapping and drag with momentum"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three scroll modes: Capture, On Page (scrolling the page spins the row, perfect for a hero) or Off"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cards squeeze slightly while the row moves fast"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional autoplay that pauses on hover, focus and interaction"}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Images"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Natural ratio, or crop every card to Portrait, Square or Landscape"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable card height, gap and corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title and subtitle per image, with an animated counter below the row"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom fonts and text color for the captions"}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Interaction"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click to focus a card, click, drag, scroll or Escape to close"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full keyboard support: arrows, Home, End, Enter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On Change and On Select events to trigger your own interactions"}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Performance"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"GPU rendered with WebGL, no external libraries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rendering pauses when the carousel is off screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced motion settings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Still preview on the canvas"}]}]}]},{"type":"customHeading","attrs":{"level":1},"content":[{"type":"text","text":"How to Set Up"}]},{"type":"orderedList","attrs":{"start":1,"type":null},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Flex Carousel onto your canvas and give it a size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your images, titles and subtitles under Images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick a Preset, or Custom to shape the glass"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust intro, fit and captions, then publish"}]}]}]},{"type":"customHeading","attrs":{"level":1},"content":[{"type":"text","text":"Refund Policy"}]},{"type":"paragraph","content":[{"type":"text","text":"All sales of digital products are final and non-refundable. Questions? Contact "},{"type":"text","text":"hellonostromostudio@gmail.com","marks":[{"type":"link","attrs":{"href":"mailto:hellonostromostudio@gmail.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":" before purchasing. Enjoy!"}]}]},"introduction":"Bend your images through glass","slug":"flex-carousel","author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/042e00c3-0e8c-49d7-b0d9-458a683d2cbe/01a15455-1149-72f8-8727-65ebcc9d1dd0.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-19T13:23:47.787Z","updatedAt":"2026-10-19T13:23:47.787Z","publishedAt":"2026-10-19T13:23:47.783Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/FlexCarousel-v8ttLI.js@wTVfwj5nUm5ArKBu2Ah2","previewUrl":"https://flexcarousel.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"wTVfwj5nUm5ArKBu2Ah2","tags":[]}}],"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-10-19T13:23:48.403Z","updatedAt":"2026-10-19T13:23:48.403Z","reported":false,"type":"post"}}],"$L59"]

Suggested for you