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

The Swipe Card - Kinetic Deck Carousel is an avant-garde, 3D-stacked slider designed to showcase high-end portfolios, brand timelines, and premium visual stories with a highly tactile, physical feel.

Key Features:

Avant-Garde 3D Layout: Instead of a traditional flat grid, cards are layered in a curved, fanned stack with depth-of-field scaling to create a sophisticated, gallery-like presentation.
Tactile Physics & Elastic Snap: Dragging feels incredibly grounded and physical. Released cards don't just mechanically slide—they snap into place with satisfying, organic spring physics.
Immersive Depth-of-Field: Peripheral cards are pushed backward, rotated outward, and elegantly dimmed, creating a premium "spotlight" effect that keeps the user's eye laser-focused on the active center card.
Editorial Typography: Built-in typographic controls allow you to overlay bold, bespoke labels (like categories, years, or client names) directly over the center of your imagery for a high-fashion magazine aesthetic.
Fully Customizable Framing: Tailor the visual DNA to your brand by choosing from 7 different aspect ratios (from square to tall portrait to landscape), adjusting corner radii, and setting custom text and background colors.
Fluid Drag Navigation: Intuitive swipe-to-explore mechanics built natively for both desktop cursors and mobile touchscreens, ensuring a frictionless browsing experience on any device.

Why Customers Will Love It?

The Kinetic Deck Carousel breaks away from the boring, traditional web sliders to deliver a boutique, Awwwards-winning browsing experience. Visitors will feel like they are physically leafing through a heavy deck of premium art prints or editorial magazine covers. It immediately elevates your website’s perceived value, making it the perfect interactive centerpiece for creative agencies, luxury brands, and immersive storytelling.

5a:[["$","$L5d",null,{"post":{"id":"019ed1d2-6850-7705-a0a6-643eac498858","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9302b079-a7e9-4031-96e5-66d1f6731592","name":"Joe Laub","slug":"joe-laub","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"eEvNrGfb2v8o7SSkDFjo","resolved":true,"title":"Swipe Card","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Swipe Card - Kinetic Deck Carousel is an avant-garde, 3D-stacked slider designed to showcase high-end portfolios, brand timelines, and premium visual stories with a highly tactile, physical feel."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features:"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Avant-Garde 3D Layout:","marks":[{"type":"bold"}]},{"type":"text","text":" Instead of a traditional flat grid, cards are layered in a curved, fanned stack with depth-of-field scaling to create a sophisticated, gallery-like presentation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tactile Physics & Elastic Snap:","marks":[{"type":"bold"}]},{"type":"text","text":" Dragging feels incredibly grounded and physical. Released cards don't just mechanically slide—they snap into place with satisfying, organic spring physics."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Immersive Depth-of-Field:","marks":[{"type":"bold"}]},{"type":"text","text":" Peripheral cards are pushed backward, rotated outward, and elegantly dimmed, creating a premium \"spotlight\" effect that keeps the user's eye laser-focused on the active center card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial Typography:","marks":[{"type":"bold"}]},{"type":"text","text":" Built-in typographic controls allow you to overlay bold, bespoke labels (like categories, years, or client names) directly over the center of your imagery for a high-fashion magazine aesthetic."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Customizable Framing:","marks":[{"type":"bold"}]},{"type":"text","text":" Tailor the visual DNA to your brand by choosing from 7 different aspect ratios (from square to tall portrait to landscape), adjusting corner radii, and setting custom text and background colors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Drag Navigation:","marks":[{"type":"bold"}]},{"type":"text","text":" Intuitive swipe-to-explore mechanics built natively for both desktop cursors and mobile touchscreens, ensuring a frictionless browsing experience on any device."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why Customers Will Love It?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The Kinetic Deck Carousel breaks away from the boring, traditional web sliders to deliver a boutique, Awwwards-winning browsing experience. Visitors will feel like they are physically leafing through a heavy deck of premium art prints or editorial magazine covers. It immediately elevates your website’s perceived value, making it the perfect interactive centerpiece for creative agencies, luxury brands, and immersive storytelling."}]},{"type":"paragraph"}]},"introduction":"The Kinetic Deck Carousel","slug":"swipe-card","author":{"framerUserId":"9302b079-a7e9-4031-96e5-66d1f6731592","name":"Joe Laub","slug":"joe-laub","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9302b079-a7e9-4031-96e5-66d1f6731592/0pqmhri6","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-16T19:04:47.898Z","updatedAt":"2026-08-18T17:44:28.302Z","publishedAt":"2026-06-16T19:04:47.890Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://swiper-cards-demo.framer.website/","price":"6","paymentUrl":"https://joeelaub.gumroad.com/l/swipe-card-framer","workshop":true,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"r2Fg79ovoK2cQ5wbbec9","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":52,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T19:04:47.953Z","updatedAt":"2026-06-16T19:04:47.953Z","reported":false}}],"$L5f"]

Suggested for you