63:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 64:T734,

A real 3D cover flow built on a parametric animation engine — genuine CSS 3D perspective, not a 2D fake. The center card focuses; the sides recede into depth.

WHERE TO USE

- Creative Portfolios — Display photography, design work, or 3D art in an immersive cover flow that draws the eye to the center.

- Hero Sections — Replace static top-of-page images with a live, interactive 3D slider.

- Product Highlights — Let visitors flip through product shots with natural drag and momentum.

- Photography Showcases — Present a series of images with real depth and focus, not a flat carousel.

- Testimonial or Team Decks — Turn a plain list into a dynamic, swipeable 3D deck.

MAIN FEATURES

- Real CSS 3D Depth — Cards curve through actual perspective space with genuine rotation, scaling, and Z-depth. The center focuses; the sides recede.

- Drag & Momentum — Grab and throw the deck with physics-based inertia; wheel and touch supported. Release and it settles naturally.

- Fully Parametric — Adjust count, card size, spacing, speed, zoom, ratio, corner radius, and focus emphasis right from the properties panel. No code required.

- Drops In Ready — Ships with demo images so it looks great the moment you drag it in. Swap in your own images anytime.

- Pixel-Accurate Engine — Built on a pure, deterministic animation engine: the same frame renders identically every time, in the editor and on your live site.

Built with Motionmotionmotion Studio — a free browser tool where you can visually tune animations like this one and re-open them to edit anytime: https://motion-studio-ecru.vercel.app

62:["$","$L63",null,{"value":{"fallback":{"$inf$activity-creator-d112f997-c100-49e9-b231-1ee3f98ade2a-all:/unified/creator/d112f997-c100-49e9-b231-1ee3f98ade2a/activity/":[{"data":[{"id":"01a00a79-a5ab-7224-ae14-a02048d6e6e3","type":"creator.followed","target":{"type":"creator","id":"e5bbe430-5a5a-4ce0-93d3-8bc3821f0a13","preview":"Hasin Raihan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5bbe430-5a5a-4ce0-93d3-8bc3821f0a13/roxf2ggb","slug":"hasin-raihan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-16T12:08:59.559Z","latestAt":"2026-08-16T12:08:59.559Z"},{"id":"019ff199-80c0-71e3-9195-a0d4fd263ad1","type":"creator.followed","target":{"type":"creator","id":"f1997a7f-e9e5-45b2-af7b-4eed3d61dc9b","preview":"MotionDevLab","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/f1997a7f-e9e5-45b2-af7b-4eed3d61dc9b/1u-rcf5T1","slug":"motion-dev-lab","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T16:13:16.860Z","latestAt":"2026-08-11T16:13:16.860Z"},{"id":"019fe77c-6f16-779a-a60e-e8be4d930389","type":"creator.followed","target":{"type":"creator","id":"830039ba-56b1-42fc-a371-361e8f7a1e4c","preview":"RedDevs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/70334/avatar-q9VjO21hdl19yEZkkQj3EgY306N2Yq.jpg","slug":"reddevs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-09T17:05:19.622Z","latestAt":"2026-08-09T17:05:19.622Z"},{"id":"019fe77c-51c3-7663-9d7a-8ae8160536bc","type":"creator.followed","target":{"type":"creator","id":"215ddceb-c9fe-4a9c-823e-0fc4615f9e14","preview":"Shoaib Muhammad","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/215ddceb-c9fe-4a9c-823e-0fc4615f9e14/hsyep3nd","slug":"shoaib-muhammad-xtlf3o","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-09T17:05:12.120Z","latestAt":"2026-08-09T17:05:12.120Z"},{"id":"019fe77c-4725-754a-be9f-b3747f052332","type":"creator.followed","target":{"type":"creator","id":"db7a6821-a4ec-45fb-88fc-f791fbb3c977","preview":"Elemis Themes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db7a6821-a4ec-45fb-88fc-f791fbb3c977/vkpu3qsq","slug":"elemis-themes","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-09T17:05:09.404Z","latestAt":"2026-08-09T17:05:09.404Z"},{"id":"019fcbb0-fad2-75f9-9df5-258213d1fa2e","type":"creator.followed","target":{"type":"creator","id":"bd056727-646e-4926-8cd9-8101d180670f","preview":"WORKSHOP99","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1359715/54g3r-1h1-3kuiEvOfgNtg4oiAQUDlCkmgVsbwMT","slug":"workshop99","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T07:33:21.228Z","latestAt":"2026-08-04T07:33:21.228Z"},{"id":"019fc47b-71c0-720d-8832-ec3cab079f1a","type":"component.created","target":{"type":"component","id":"wqI0IkMmG5mErqj8Xfck","preview":"Carousel Swipe","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/019fc479-a95b-76e4-a339-815391cfba47.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-02T21:57:32.224Z","latestAt":"2026-08-02T21:57:32.224Z"},{"id":"019fb8db-00d1-7020-b1f0-d43d188c7894","type":"creator.followed","target":{"type":"creator","id":"8547f9b6-cb91-4598-8d82-da320be55ee7","preview":"Iqtidar Tara","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8547f9b6-cb91-4598-8d82-da320be55ee7/2wcpfxw4","slug":"iqtidar-hussain","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-31T15:46:28.172Z","latestAt":"2026-07-31T15:46:28.172Z"},{"id":"019f9e86-800c-712c-bbb2-4bf5405d75ed","type":"component.created","target":{"type":"component","id":"96RKdE0Icm70A4MISThs","preview":"Flip","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/019f9e84-eec0-7235-9df6-a24e85cfa11e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T13:04:02.572Z","latestAt":"2026-07-26T13:04:02.572Z"},{"id":"019f8863-d88e-75ed-8825-dbf9d54b75ba","type":"component.created","target":{"type":"component","id":"cOA4GWGuUyXeTySG3SvH","preview":"Orbit Breath","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/019f8860-0fd9-7479-b623-7b82d0d33f4a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-22T05:54:32.718Z","latestAt":"2026-07-22T05:54:32.718Z"},{"id":"019f87f5-f8f2-758f-97a5-d3ea87fa3ef7","type":"post.liked","target":{"type":"post","id":"019f8783-96db-7143-b511-d4e4852f7431","preview":"🚀 Just launched MapleRise — a modern Free Government & Political Framer Template.\nFree to Use: https://shorturl.at/itGNL\nBuilt for political campaigns, election candidates, government agencies, public leaders, and civic organizations.\n#Framer #FramerTemplate #PoliticalWebsite #GovernmentWebsite #ElectionCampaign #WebDesign #NoCode #WebsiteTemplate","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Just launched "},{"type":"text","text":"MapleRise","marks":[{"type":"bold"}]},{"type":"text","text":" — a modern Free "},{"type":"text","text":"Government & Political Framer Template","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Free to Use: "},{"type":"text","text":"https://shorturl.at/itGNL","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://shorturl.at/itGNL","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built for political campaigns, election candidates, government agencies, public leaders, and civic organizations."}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/Framer?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#FramerTemplate","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/FramerTemplate?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#PoliticalWebsite","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/PoliticalWebsite?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#GovernmentWebsite","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/GovernmentWebsite?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#ElectionCampaign","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/ElectionCampaign?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#WebDesign","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/WebDesign?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#NoCode","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/NoCode?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#WebsiteTemplate","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/WebsiteTemplate?src=hashtag_click","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0e234f0e-fe0e-49ad-b8c1-1eb32fdeb8f9/019f8781-3381-771b-902f-e2486ae6cf82.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019f8783-96db-7143-b511-d4e4852f7431","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T03:54:32.044Z","latestAt":"2026-07-22T03:54:32.044Z"},{"id":"019f87f5-d8d5-7581-b8af-c0b691e18ba4","type":"component.liked","target":{"type":"component","id":"THUFRWK2HKZ611ex3q6m","preview":"Island Navbar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7202e78d-eada-41ce-a524-6063cf18b612/019f8712-1253-75ff-a530-e343cd8eab9b.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-22T03:54:23.824Z","latestAt":"2026-07-22T03:54:23.824Z"},{"id":"019f6f7a-5c69-768d-848e-875b0191a7d0","type":"component.created","target":{"type":"component","id":"mvmUQ9L66bd995WZr0Aw","preview":"Cover Flow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/019f6f78-ce9f-758f-9dbb-09b02d422302.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","slug":"motion-motion-motion-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-17T09:48:37.865Z","latestAt":"2026-07-17T09:48:37.865Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:d112f997-c100-49e9-b231-1ee3f98ade2a:/unified/posts/?creator=d112f997-c100-49e9-b231-1ee3f98ade2a&with=reposts":[{"data":[{"id":"019fc47b-7017-778d-8671-10c9e4396a79","title":null,"body":"

Swipe just landed — a horizontal card carousel you can actually

grab. Weighted inertia, momentum tilt, snap-back: the drag feel

is ported bit-for-bit from Motion Studio's swipe template.

$7, bring your own images.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Swipe just landed — a horizontal card carousel you can actually"}]},{"type":"paragraph","content":[{"type":"text","text":"grab. Weighted inertia, momentum tilt, snap-back: the drag feel"}]},{"type":"paragraph","content":[{"type":"text","text":"is ported bit-for-bit from Motion Studio's swipe template."}]},{"type":"paragraph","content":[{"type":"text","text":"$$7, bring your own images."}]}]},"author":{"framerUserId":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","slug":"motion-motion-motion-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","followed":false,"followsYou":false},"media":[],"resources":[{"id":"wqI0IkMmG5mErqj8Xfck","resolved":true,"title":"Carousel Swipe","body":"

A horizontal card carousel you can actually grab.

Drag the row — it follows your pointer with weighted inertia,

tilts subtly under momentum, and snaps back into rhythm when

you let go. The drag feel is ported bit-for-bit from Motion

Studio's swipe template: same easing curve, same physics

constants, same card math as the shipping app.

Features

- Fully draggable, with weighted inertia and snap-back

- Subtle momentum tilt while dragging — the swipe signature

- 6 cards out of the box — drop in your own images

- Tunable: card count, size, gap, corner radius, duration, zoom

- Autoplays as a seamless loop when idle

From the maker of Cover Flow and Flip.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A horizontal card carousel you can actually grab.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drag the row — it follows your pointer with weighted inertia,"}]},{"type":"paragraph","content":[{"type":"text","text":"tilts subtly under momentum, and snaps back into rhythm when"}]},{"type":"paragraph","content":[{"type":"text","text":"you let go. The drag feel is ported bit-for-bit from Motion"}]},{"type":"paragraph","content":[{"type":"text","text":"Studio's swipe template: same easing curve, same physics"}]},{"type":"paragraph","content":[{"type":"text","text":"constants, same card math as the shipping app."}]},{"type":"paragraph","content":[{"type":"text","text":"Features"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully draggable, with weighted inertia and snap-back"}]},{"type":"paragraph","content":[{"type":"text","text":"- Subtle momentum tilt while dragging — the swipe signature"}]},{"type":"paragraph","content":[{"type":"text","text":"- 6 cards out of the box — drop in your own images"}]},{"type":"paragraph","content":[{"type":"text","text":"- Tunable: card count, size, gap, corner radius, duration, zoom"}]},{"type":"paragraph","content":[{"type":"text","text":"- Autoplays as a seamless loop when idle"}]},{"type":"paragraph","content":[{"type":"text","text":"From the maker of Cover Flow and Flip."}]}]},"introduction":"Draggable cards with real inertia","slug":"carousel-swipe","author":{"framerUserId":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","slug":"motion-motion-motion-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/019fc479-a95b-76e4-a339-815391cfba47.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-02T21:57:31.323Z","updatedAt":"2026-08-16T16:56:08.248Z","publishedAt":"2026-08-02T21:57:31.320Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://easy-fairy-365375.framer.app/","price":"7","paymentUrl":"https://motionmotionmotionstudio.lemonsqueezy.com/checkout/buy/a4c3335c-0bd0-4a1b-b389-d36832e9227e","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"FFrlsO6WHagfubqCkJ2t","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-02T21:57:31.800Z","updatedAt":"2026-08-02T21:57:31.800Z"},{"id":"019f9e86-7e50-72f1-a35c-590853a0d0f7","title":null,"body":"

New paid component: Flip — a 3D card carousel with a flip twist. Cards travel a diagonal marquee and lift through the center. Drop in your images, tune everything, no code. $7.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New paid component: Flip — a 3D card carousel with a flip twist. Cards travel a diagonal marquee and lift through the center. Drop in your images, tune everything, no code. $7."}]}]},"author":{"framerUserId":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","slug":"motion-motion-motion-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","followed":false,"followsYou":false},"media":[],"resources":[{"id":"96RKdE0Icm70A4MISThs","resolved":true,"title":"Flip","body":"

Flip is a 3D card carousel with a flip twist — cards travel along a diagonal marquee and lift as they pass the center.

Drop in your own images and tune everything from the property panel: card count, size, ratio, corner radius, spacing, angle, lift, zoom, and timing. Seamless loop, works out of the box.

Perfect for portfolios, product showcases, photo journals, and landing pages.

No code required. Paste it on your canvas and it just works.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flip is a 3D card carousel with a flip twist — cards travel along a diagonal marquee and lift as they pass the center."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop in your own images and tune everything from the property panel: card count, size, ratio, corner radius, spacing, angle, lift, zoom, and timing. Seamless loop, works out of the box."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for portfolios, product showcases, photo journals, and landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"No code required. Paste it on your canvas and it just works."}]}]},"introduction":"3D card carousel with a flip twist","slug":"flip","author":{"framerUserId":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","slug":"motion-motion-motion-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/019f9e84-eec0-7235-9df6-a24e85cfa11e.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-26T13:04:01.607Z","updatedAt":"2026-07-26T13:04:01.607Z","publishedAt":"2026-07-26T13:04:01.604Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://navigate-smile-396417.framer.app/","price":"7","paymentUrl":"https://motionmotionmotionstudio.lemonsqueezy.com/checkout/buy/f819e953-ca95-44a8-974d-b56384a8dd26","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"PnSY5TJgfCy25PGqKhVF","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-26T13:04:02.128Z","updatedAt":"2026-07-26T13:04:02.128Z"},{"id":"019f8863-d713-76ca-9138-f8832e65d6a3","title":null,"body":"

Orbit — a gentle 3D ring of floating cards. Drag to spin, drop in your own images, tune the motion with a few simple controls. Free.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Orbit — a gentle 3D ring of floating cards. Drag to spin, drop in your own images, tune the motion with a few simple controls. Free."}]}]},"author":{"framerUserId":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","slug":"motion-motion-motion-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cOA4GWGuUyXeTySG3SvH","resolved":true,"title":"Orbit Breath","body":"

Orbit is a gentle 3D ring of floating cards — a calm, breathing carousel for showcasing photography, product shots, or feature highlights.

• Drag to spin the ring, with smooth momentum on release

• 7 image slots — drop in your own photos

• Curated controls: card ratio, count, card size, corner radius, duration, zoom

• Defaults tuned to a slow, breathing motion that works out of the box

Made with Motion Studio, a parametric motion template studio.

https://ms-landing-one.vercel.app

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Orbit is a gentle 3D ring of floating cards — a calm, breathing carousel for showcasing photography, product shots, or feature highlights."}]},{"type":"paragraph","content":[{"type":"text","text":"• Drag to spin the ring, with smooth momentum on release"}]},{"type":"paragraph","content":[{"type":"text","text":"• 7 image slots — drop in your own photos"}]},{"type":"paragraph","content":[{"type":"text","text":"• Curated controls: card ratio, count, card size, corner radius, duration, zoom"}]},{"type":"paragraph","content":[{"type":"text","text":"• Defaults tuned to a slow, breathing motion that works out of the box"}]},{"type":"paragraph","content":[{"type":"text","text":"Made with Motion Studio, a parametric motion template studio."}]},{"type":"paragraph","content":[{"type":"text","text":"https://ms-landing-one.vercel.app","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://ms-landing-one.vercel.app","target":"_blank"}}]}]}]},"introduction":"A gentle 3D ring of floating cards","slug":"orbit-breath","author":{"framerUserId":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","slug":"motion-motion-motion-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/019f8860-0fd9-7479-b623-7b82d0d33f4a.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-22T05:54:31.810Z","updatedAt":"2026-07-22T05:54:31.810Z","publishedAt":"2026-07-22T05:54:31.807Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/OrbitBreath-xLpIr2.js@7niaNZWR6xkMzeEyw9w6","previewUrl":"https://knowledgeable-usability-619693.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"7niaNZWR6xkMzeEyw9w6","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-22T05:54:32.339Z","updatedAt":"2026-07-22T05:54:32.339Z"},{"id":"019f6f7a-5b0b-776f-b242-c3f0f9538be2","title":null,"body":"

New free component: Cover Flow — real 3D depth, drag physics, fully parametric.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New free component: Cover Flow — real 3D depth, drag physics, fully parametric."}]}]},"author":{"framerUserId":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","slug":"motion-motion-motion-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","followed":false,"followsYou":false},"media":[],"resources":[{"id":"mvmUQ9L66bd995WZr0Aw","resolved":true,"title":"Cover Flow","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A real 3D cover flow built on a parametric animation engine — genuine CSS 3D perspective, not a 2D fake. The center card focuses; the sides recede into depth."}]},{"type":"paragraph","content":[{"type":"text","text":"WHERE TO USE","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Creative Portfolios — Display photography, design work, or 3D art in an immersive cover flow that draws the eye to the center."}]},{"type":"paragraph","content":[{"type":"text","text":"- Hero Sections — Replace static top-of-page images with a live, interactive 3D slider."}]},{"type":"paragraph","content":[{"type":"text","text":"- Product Highlights — Let visitors flip through product shots with natural drag and momentum."}]},{"type":"paragraph","content":[{"type":"text","text":"- Photography Showcases — Present a series of images with real depth and focus, not a flat carousel."}]},{"type":"paragraph","content":[{"type":"text","text":"- Testimonial or Team Decks — Turn a plain list into a dynamic, swipeable 3D deck."}]},{"type":"paragraph","content":[{"type":"text","text":"MAIN FEATURES","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Real CSS 3D Depth — Cards curve through actual perspective space with genuine rotation, scaling, and Z-depth. The center focuses; the sides recede."}]},{"type":"paragraph","content":[{"type":"text","text":"- Drag & Momentum — Grab and throw the deck with physics-based inertia; wheel and touch supported. Release and it settles naturally."}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully Parametric — Adjust count, card size, spacing, speed, zoom, ratio, corner radius, and focus emphasis right from the properties panel. No code required."}]},{"type":"paragraph","content":[{"type":"text","text":"- Drops In Ready — Ships with demo images so it looks great the moment you drag it in. Swap in your own images anytime."}]},{"type":"paragraph","content":[{"type":"text","text":"- Pixel-Accurate Engine — Built on a pure, deterministic animation engine: the same frame renders identically every time, in the editor and on your live site."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with Motionmotionmotion Studio — a free browser tool where you can visually tune animations like this one and re-open them to edit anytime: "},{"type":"text","text":"https://motion-studio-ecru.vercel.app","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://motion-studio-ecru.vercel.app","target":"_blank"}}]}]}]},"introduction":"Real 3D cover flow","slug":"cover-flow","author":{"framerUserId":"d112f997-c100-49e9-b231-1ee3f98ade2a","name":"Motion Studio","slug":"motion-motion-motion-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/22lm3g3w","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d112f997-c100-49e9-b231-1ee3f98ade2a/019f6f78-ce9f-758f-9dbb-09b02d422302.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-17T09:48:37.164Z","updatedAt":"2026-07-21T07:32:07.833Z","publishedAt":"2026-07-17T09:48:37.161Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/CoverflowSpike-mGul8C.js@OXF6xy6tj850rVhdNJZj","previewUrl":"https://ancient-light-061787.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"OXF6xy6tj850rVhdNJZj","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-17T09:48:37.515Z","updatedAt":"2026-07-17T09:48:37.515Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]