5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.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/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.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/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.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:T88c,

Panorama Carousel wraps a row of images around the inside of a cylinder: the center faces you flat, the ends bend toward the screen and fade softly into the page. The row streams on its own, and visitors can grab it, throw it, or push it along as they scroll.

Made to Be Yours

Panorama Carousel is built for full creative control: set how hard the row bends, the size and ratio of every image, the gap, corner radius, vertical position, and edge fade. Pick the direction and speed, or turn autoplay off and let drag and scroll do the moving.

Key Features

Motion

Seamless auto-scroll, left or right, at the speed you choose
Optional Hover Pause that eases the row to a stop
Autoplay toggle for a row that only moves on interaction

Interaction

Draggable with momentum: grab it, throw it, and watch it glide back into the auto-scroll
Scroll Effect: page scroll pushes the row, always along the direction or following the scroll
Adjustable scroll strength
Vertical swipes still scroll the page on mobile

Style

Curve from subtle to dramatic
Image size, ratio, gap, and per-corner radius
Vertical position and edge fade width
Placeholder color while images load

Performance

Motion runs on the browser’s compositor for smooth playback
Images preload quietly in the background
Pauses automatically when scrolled out of view
Respects reduced motion settings
Responsive: phones still show the neighboring images

How to Set Up

Drag Panorama Carousel onto your canvas
Add your images under Images
Adjust Curve, Size, and Ratio to fit your layout
Publish

Refund Policy

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

5a:[["$","$L5d",null,{"post":{"id":"01a1221e-ce7b-72ed-b19a-2fe164895376","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":"ycQjcJe9xGLUgvafoTUn","resolved":true,"title":"Panorama Carousel","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Panorama Carousel ","marks":[{"type":"bold"}]},{"type":"text","text":"wraps a row of images around the inside of a cylinder: the center faces you flat, the ends bend toward the screen and fade softly into the page. The row streams on its own, and visitors can grab it, throw it, or push it along as they scroll."}]},{"type":"customHeading","content":[{"type":"text","text":"Made to Be Yours"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Panorama Carousel is built for full creative control: set how hard the row bends, the size and ratio of every image, the gap, corner radius, vertical position, and edge fade. Pick the direction and speed, or turn autoplay off and let drag and scroll do the moving."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Motion"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seamless auto-scroll, left or right, at the speed you choose"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional Hover Pause that eases the row to a stop"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay toggle for a row that only moves on interaction"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Interaction"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Draggable with momentum: grab it, throw it, and watch it glide back into the auto-scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll Effect: page scroll pushes the row, always along the direction or following the scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable scroll strength"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vertical swipes still scroll the page on mobile"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Style"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Curve from subtle to dramatic"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image size, ratio, gap, and per-corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vertical position and edge fade width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Placeholder color while images load"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Performance"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion runs on the browser’s compositor for smooth playback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images preload quietly in the background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pauses automatically when scrolled out of view"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced motion settings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive: phones still show the neighboring images"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Set Up"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Panorama Carousel onto your canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your images under Images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust Curve, Size, and Ratio to fit your layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":1}},{"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":{"rel":"noopener noreferrer nofollow","href":"mailto:hellonostromostudio@gmail.com","target":"_blank"}}]},{"type":"text","text":" before purchasing. Enjoy!"}]}]},"introduction":"3D curved carousel, drag & scroll","slug":"panorama-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/01a121eb-2f4a-717d-a9a8-d77f92439ee0.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T19:23:26.066Z","updatedAt":"2026-10-09T19:23:26.066Z","publishedAt":"2026-10-09T19:23:26.063Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/PanoramaCarousel-ob0y5r.js@0qiXXzmIneCN0mO22ZPX","previewUrl":"https://panorama-carousel.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"0qiXXzmIneCN0mO22ZPX","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-09T19:23:26.715Z","updatedAt":"2026-10-09T19:23:26.715Z","reported":false}}],"$L5f"]

Suggested for you