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

A native Framer component for drag-to-dismiss card stacks with momentum-based swipe physics. Turn any list into a tactile, one-at-a-time discovery experience that visitors actually engage with.

Flick a card in any direction and it carries off with momentum, the next card shifts forward, and the deck reshuffles behind it. Loop forever or run once and stop. Instead of another static grid or auto-rotating slider, your content becomes a hands-on deck where visitors choose their own pace.

Perfect for real estate listings, product showcases, portfolios, testimonials, course modules, team pages, and any section where one item at a time keeps attention longer than a wall of thumbnails.

Restrict the swipe to a single direction or leave it free in any direction. Use the deck as a hero, a featured listings block, or a mobile-first onboarding flow. With 30+ controls for layout, physics, and per-card styling, it adapts to almost any brand.

Perfect for

Real estate and property listings
Product and feature showcases
Portfolio and case study sections
Testimonial decks
Course or module catalogs
Onboarding flows
Hero sections with featured content
Team and people pages
Recipe and content collections
AI agent or generated content galleries

Example use cases

Showcase five featured properties as a swipeable deck instead of a static grid.
Present products as a lookbook with per-card brand colors and image focal points.
Walk visitors through onboarding steps one card at a time.
Display rotating testimonials with images, quotes, and outbound links.
Turn a "what we offer" section into an interactive deck of services.

Customization options

Everything is editable from the Framer properties panel:

Per-card title, body, and tag pill with three independent colors (dot, text, background)
Per-card background, button color, button hover, arrow color, and arrow hover
Per-card link to any Framer page or external URL
Per-card image slot with focal point control (top, center, or bottom crop)
Three independent gap controls (title to body, body to image, image to button)
Fixed or fill image height
Card, button, and image corner radii, controlled independently
Card and button padding, horizontal and vertical separately
Shadow intensity, from off to dramatic
Stack offsets, fan rotation, scale step, and darken step for the back of the deck
Swipe direction, distance threshold, drag tilt, and dismiss speed
Loop toggle, plus image and button visibility toggles
Separate text and tag alignment controls
Global fonts for title, body, and tag

5a:[["$","$L5d",null,{"post":{"id":"019e2089-8880-76de-b5b3-5307269f4a6a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"61917cca-a9de-4054-be5d-55cdb75f9478","name":"Lucian Modiga","slug":"lucian-modiga","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/90801/avatar-gdSsfalqfz7BJBcEdtiMyy1IqObdEV.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Uj2MyEoxi0oP1V2hQ6TY","resolved":true,"title":"Swipeable Card Deck","body":"$5e","bodyJson":null,"introduction":"drag any direction, endless reveal","slug":"swipeable-card-deck","author":{"framerUserId":"61917cca-a9de-4054-be5d-55cdb75f9478","name":"Lucian Modiga","slug":"lucian-modiga","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/90801/avatar-gdSsfalqfz7BJBcEdtiMyy1IqObdEV.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Uj2MyEoxi0oP1V2hQ6TY/swipeable-card-deck-MP0roDA0hv3GGloAC6y52YVEg0YmOt","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-09T17:25:50.272Z","updatedAt":"2026-05-14T11:32:39.237Z","publishedAt":"2026-05-13T08:52:24.832Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://framercreator.framer.website/swipeable_card_deck","price":"10","paymentUrl":"https://contra.com/payment-link/U3pw8Y3l-swipeable-card-deck-for-framer","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"PPN1hZ7rG6WGkXOndXfB","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-05-13T08:52:24.832Z","updatedAt":"2026-05-13T08:52:24.832Z","reported":false}}],"$L5f"]

Suggested for you