51:I[267044,["/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/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T60a,

Turn any set of images into an interactive, swipeable deck. Drag the top card left or right past the threshold and it flies off with real spring physics, perfect for testimonials, portfolio pieces, product shots, or picking a favorite from a set.

What it does

Drag-to-dismiss with natural spring animation, tuned out of the box
Choose whether swiped cards loop back to the bottom of the deck, or disappear for good
When the deck runs out (loop off), a built-in "Reset" button brings the stack right back, no dead end
Fully responsive to your content: drop in any number of images, each with its own alt text for accessibility

Customize

Number of visible cards in the fan
Card size and corner radius
How loosely or tightly the stack fans out behind the top card
Toggle the drop shadow on or off
Hook onSwipe and onEmpty into your own Framer interactions to show an overlay, advance a counter, whatever you need

Why it's different from a plain image slider This isn't a carousel with dots, it's a physical, gesture-driven deck. Every card is genuinely draggable, the exit animation has real momentum, and running out of cards is a moment (Reset), not a dead stop.

No configuration required to look good. Every animation value is pre-tuned. Just drop in your images.

53:T523,

Before / After Image Comparison

A smooth, interactive before-and-after image slider for showcasing transformations, redesigns, retouching, renovations, and visual comparisons.

Drag the handle horizontally to reveal the before and after states with responsive spring-based motion. The component is fully customizable through Framer’s property controls, so you can easily adjust the images, slider position, colors, handle size, line thickness, and animation feel without touching the code.

Features

Smooth drag-to-compare interaction
Spring physics for responsive, natural movement
Click anywhere on the slider to reposition it
Custom before and after images
Adjustable initial slider position
Customizable divider line color and thickness
Customizable drag handle color and diameter
Adjustable spring stiffness and damping
Responsive to any frame size
Accessible slider semantics and image labels
No setup or external configuration required

Perfect for design transformations, photo retouching, architecture and renovations, UI redesigns, case studies, portfolios, and product showcases.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-b7ebe50f-168a-4101-aeca-bef5ada327ef-all:/unified/creator/b7ebe50f-168a-4101-aeca-bef5ada327ef/activity/":[{"data":[{"id":"01a0e2d1-839b-74f8-bf38-61657c18208e","type":"component.liked","target":{"type":"component","id":"3AstVDMuIZMJPdABNEe1","preview":"Title hover image","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fe7aa93-dfcf-4cb5-b7cb-3ef7342464a8/01a0e256-8a99-737b-bf93-c0c682540403.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-27T12:22:56.662Z","latestAt":"2026-09-27T12:22:56.662Z"},{"id":"01a0e29c-1e74-750a-9087-e010f02c8705","type":"creator.followed","target":{"type":"creator","id":"09bc3e24-752b-4a1b-97c2-ab8d755f63b8","preview":"Tauhid Hasan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/09bc3e24-752b-4a1b-97c2-ab8d755f63b8/4taurhlo","slug":"tauhiduiux","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-27T11:24:37.340Z","latestAt":"2026-09-27T11:24:37.340Z"},{"id":"01a0e29c-190b-717d-a56c-62c24a5c3f54","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-27T11:24:35.956Z","latestAt":"2026-09-27T11:24:35.956Z"},{"id":"01a0e29c-0a10-732e-b094-a233d608466d","type":"creator.followed","target":{"type":"creator","id":"f478b0de-3860-430f-9abb-62a43584a990","preview":"Farhad Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/1j68mb2i","slug":"design-with-farhad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-27T11:24:32.125Z","latestAt":"2026-09-27T11:24:32.125Z"},{"id":"01a0e298-5139-74a6-93d3-94d64a19c79c","type":"component.created","target":{"type":"component","id":"myKGuCnC2bq9AxlwIZGx","preview":"Image Card Stack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/01a0e298-0f79-706e-aaca-9a3e0d97571a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-27T11:20:28.217Z","latestAt":"2026-09-27T11:20:28.217Z"},{"id":"01a0e296-f50d-76fb-a17b-c5917db3f83b","type":"comment.created","target":{"type":"post","id":"01a0e273-54f9-750b-8772-ccc4f6ef098b","preview":"Expressive 3D Charac","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4ab0e00a-42ed-469b-99b4-d6047001583d/01a0e266-a2a5-716e-9bc5-af7a56f095cd.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0e273-54f9-750b-8772-ccc4f6ef098b","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0e296-f4fa-746e-b778-631d902b96b7","preview":"Unique thing to add to your website👀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unique thing to add to your website👀"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0e273-54f9-750b-8772-ccc4f6ef098b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0e296-f4fa-746e-b778-631d902b96b7"},"repost":null}},"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-27T11:18:59.085Z","latestAt":"2026-09-27T11:18:59.085Z"},{"id":"01a0e296-a234-72bd-979c-099bb7584108","type":"component.liked","target":{"type":"component","id":"Fb1Fkzgqchm1rtG8hsgM","preview":"Expressive 3D Charac","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4ab0e00a-42ed-469b-99b4-d6047001583d/01a0e266-a2a5-716e-9bc5-af7a56f095cd.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-27T11:18:37.872Z","latestAt":"2026-09-27T11:18:37.872Z"},{"id":"01a0ba65-4978-7294-9413-ad5249100e67","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T15:59:55.251Z","latestAt":"2026-09-19T15:59:55.251Z"},{"id":"01a0ba5a-d8e7-72c8-be43-868f9b2e25ea","type":"comment.liked","target":{"type":"comment","id":"01a0b568-10cc-7625-8781-7b01d57b5fbf","preview":"Nice","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a07c1b-9ffa-711c-bb9f-a6980c1d8103","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b568-10cc-7625-8781-7b01d57b5fbf"},"repost":null}},"context":{"type":"post","id":"01a07c1b-9ffa-711c-bb9f-a6980c1d8103","preview":"SideShift","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/01a07c19-3106-70e7-8bdb-c6c29e17545a.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a07c1b-9ffa-711c-bb9f-a6980c1d8103","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T15:48:31.074Z","latestAt":"2026-09-19T15:48:31.074Z"},{"id":"01a07cf4-5136-748d-99d3-5eb378bc59a5","type":"comment.liked","target":{"type":"comment","id":"01a07c95-070c-75bb-ba4b-27cec987f8cd","preview":"Smooth component buddy","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth component buddy"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a07c1b-9ffa-711c-bb9f-a6980c1d8103","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a07c95-070c-75bb-ba4b-27cec987f8cd"},"repost":null}},"context":{"type":"post","id":"01a07c1b-9ffa-711c-bb9f-a6980c1d8103","preview":"SideShift","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/01a07c19-3106-70e7-8bdb-c6c29e17545a.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a07c1b-9ffa-711c-bb9f-a6980c1d8103","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T17:39:41.481Z","latestAt":"2026-09-07T17:39:41.481Z"},{"id":"01a07c9d-efb6-7008-aee8-ab100147d25a","type":"post.liked","target":{"type":"post","id":"01a07c92-2a90-71cc-b9c4-6b5a9a6339ed","preview":"Pricing has no business looking this good. 😮‍💨","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing has no business looking this good. "},{"type":"emoji","attrs":{"name":"face_exhaling","emoji":"😮‍💨"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eff5ee39-b4fb-4574-a1cd-9c718d0ac724/01a07c92-025b-759a-8fe2-14c9fa5d3638.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a07c92-2a90-71cc-b9c4-6b5a9a6339ed","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T16:05:20.433Z","latestAt":"2026-09-07T16:05:20.433Z"},{"id":"01a07c97-d7b8-711c-82e6-e39efa224895","type":"comment.created","target":{"type":"post","id":"01a07c90-b210-7171-b874-04ad483d046e","preview":"ExpandFrame","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4ab0e00a-42ed-469b-99b4-d6047001583d/01a07c8f-417c-749c-bbc5-7105645885b2.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a07c90-b210-7171-b874-04ad483d046e","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a07c97-d7a4-708e-b77a-7b3d0f7dfd3f","preview":"Love the physics and motion on this one","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love the physics and motion on this one"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a07c90-b210-7171-b874-04ad483d046e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a07c97-d7a4-708e-b77a-7b3d0f7dfd3f"},"repost":null}},"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T15:58:41.080Z","latestAt":"2026-09-07T15:58:41.080Z"},{"id":"01a07c97-4d43-7448-84f1-e7b2d480c390","type":"component.liked","target":{"type":"component","id":"5IHCNQCPubxgub3OdH8f","preview":"ExpandFrame","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4ab0e00a-42ed-469b-99b4-d6047001583d/01a07c8f-417c-749c-bbc5-7105645885b2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-07T15:58:05.633Z","latestAt":"2026-09-07T15:58:05.633Z"},{"id":"01a07c1b-a24d-7559-b3f6-1d57e73a52c1","type":"component.created","target":{"type":"component","id":"ZivdvfmjoIVVM4N7vqnw","preview":"SideShift","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/01a07c19-3106-70e7-8bdb-c6c29e17545a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-07T13:43:00.941Z","latestAt":"2026-09-07T13:43:00.941Z"},{"id":"01a00004-d686-71bf-9445-41c44c194ff7","type":"component.liked","target":{"type":"component","id":"KYYSpd4ZjnjMJaHh8KtM","preview":"Reveal List — Image","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4ab0e00a-42ed-469b-99b4-d6047001583d/019ff9ca-3238-70fa-a0bf-f1a9873143d5.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-14T11:25:12.193Z","latestAt":"2026-08-14T11:25:12.193Z"},{"id":"01a00004-cd0c-771f-84d1-06a6b3ead3c3","type":"component.liked","target":{"type":"component","id":"TJcagKd9OMswvc9SzMsR","preview":"Curved Card Ticker","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4ab0e00a-42ed-469b-99b4-d6047001583d/019ffbaf-d1c1-709b-9891-a9662526f7a3.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-14T11:25:09.767Z","latestAt":"2026-08-14T11:25:09.767Z"},{"id":"01a00004-c153-742b-94ea-334f4e3836f7","type":"creator.followed","target":{"type":"creator","id":"4ab0e00a-42ed-469b-99b4-d6047001583d","preview":"Haseeb Aamir","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4ab0e00a-42ed-469b-99b4-d6047001583d/xpzchju2","slug":"haseeb-aamir","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","slug":"abdulmateen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T11:25:06.767Z","latestAt":"2026-08-14T11:25:06.767Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:b7ebe50f-168a-4101-aeca-bef5ada327ef:/unified/posts/?creator=b7ebe50f-168a-4101-aeca-bef5ada327ef&with=reposts":[{"data":[{"id":"01a0e298-4ec2-7321-8e09-0dd723e34b06","title":null,"body":"

Just shipped: Image Card Stack

A swipeable, draggable stack of image cards for Framer. Drag the top card left or right and it flies off with real spring physics, or hook it up to loop back, disappear for good, or reset once the deck runs out.

Built for portfolios, testimonials, product picks, anything you'd want people to swipe through one at a time.

8 property controls, zero setup required to look good. Check it out in the marketplace.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped: Image Card Stack","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A swipeable, draggable stack of image cards for Framer. Drag the top card left or right and it flies off with real spring physics, or hook it up to loop back, disappear for good, or reset once the deck runs out."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for portfolios, testimonials, product picks, anything you'd want people to swipe through one at a time."}]},{"type":"paragraph","content":[{"type":"text","text":"8 property controls, zero setup required to look good. Check it out in the marketplace."}]}]},"author":{"framerUserId":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","slug":"abdulmateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","followed":false,"followsYou":false},"media":[],"resources":[{"id":"myKGuCnC2bq9AxlwIZGx","resolved":true,"title":"Image Card Stack","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn any set of images into an interactive, swipeable deck. Drag the top card left or right past the threshold and it flies off with real spring physics, perfect for testimonials, portfolio pieces, product shots, or picking a favorite from a set."}]},{"type":"paragraph","content":[{"type":"text","text":"What it does","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag-to-dismiss with natural spring animation, tuned out of the box"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose whether swiped cards loop back to the bottom of the deck, or disappear for good"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"When the deck runs out (loop off), a built-in \"Reset\" button brings the stack right back, no dead end"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive to your content: drop in any number of images, each with its own alt text for accessibility"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Number of visible cards in the fan"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card size and corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"How loosely or tightly the stack fans out behind the top card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Toggle the drop shadow on or off"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hook "},{"type":"text","text":"onSwipe","marks":[{"type":"code"}]},{"type":"text","text":" and "},{"type":"text","text":"onEmpty","marks":[{"type":"code"}]},{"type":"text","text":" into your own Framer interactions to show an overlay, advance a counter, whatever you need"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Why it's different from a plain image slider","marks":[{"type":"bold"}]},{"type":"text","text":" This isn't a carousel with dots, it's a physical, gesture-driven deck. Every card is genuinely draggable, the exit animation has real momentum, and running out of cards is a moment (Reset), not a dead stop."}]},{"type":"paragraph","content":[{"type":"text","text":"No configuration required to look good. Every animation value is pre-tuned. Just drop in your images."}]}]},"introduction":"A swipeable stack of images","slug":"image-card-stack","author":{"framerUserId":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","slug":"abdulmateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/01a0e298-0f79-706e-aaca-9a3e0d97571a.png","metadata":{"tint":{"h":0,"s":70,"l":67},"width":3200,"height":1800}}],"post":null,"createdAt":"2026-09-27T11:20:26.920Z","updatedAt":"2026-09-27T11:32:08.764Z","publishedAt":"2026-09-27T11:20:26.916Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://imagecardstack.framer.website/","price":"5","paymentUrl":"https://clowdraystore.lemonsqueezy.com/checkout/buy/7d17cf9e-db8d-4cca-a2e5-744d926a19b1","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"iGrxV2kTCh6Cgnny2QKs","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-27T11:20:27.586Z","updatedAt":"2026-09-27T11:20:27.586Z"},{"id":"01a07c1b-9ffa-711c-bb9f-a6980c1d8103","title":null,"body":"

Just launched a smooth Before / After Image Comparison component for Framer ✨

Drag to compare two images with spring-based motion and fully customizable controls.

Perfect for showcasing redesigns, transformations, renovations, retouching, case studies, and more.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched a smooth Before / After Image Comparison component for Framer "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Drag to compare two images with spring-based motion and fully customizable controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for showcasing redesigns, transformations, renovations, retouching, case studies, and more."}]}]},"author":{"framerUserId":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","slug":"abdulmateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZivdvfmjoIVVM4N7vqnw","resolved":true,"title":"SideShift","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Before / After Image Comparison"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A smooth, interactive before-and-after image slider for showcasing transformations, redesigns, retouching, renovations, and visual comparisons."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag the handle horizontally to reveal the before and after states with responsive spring-based motion. The component is fully customizable through Framer’s property controls, so you can easily adjust the images, slider position, colors, handle size, line thickness, and animation feel without touching the code."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth drag-to-compare interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spring physics for responsive, natural movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click anywhere on the slider to reposition it"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom before and after images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable initial slider position"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable divider line color and thickness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable drag handle color and diameter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable spring stiffness and damping"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive to any frame size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible slider semantics and image labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or external configuration required"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for "},{"type":"text","text":"design transformations, photo retouching, architecture and renovations, UI redesigns, case studies, portfolios, and product showcases","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},"introduction":"Before/After image Slider","slug":"sideshift","author":{"framerUserId":"b7ebe50f-168a-4101-aeca-bef5ada327ef","name":"Abdul Mateen","slug":"abdulmateen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/h19o6srp","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7ebe50f-168a-4101-aeca-bef5ada327ef/01a07c19-3106-70e7-8bdb-c6c29e17545a.png","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1503,"height":816}}],"post":null,"createdAt":"2026-09-07T13:42:59.707Z","updatedAt":"2026-09-27T11:33:21.089Z","publishedAt":"2026-09-07T13:42:59.703Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://baslider.framer.website/","price":"3","paymentUrl":"https://clowdraystore.lemonsqueezy.com/checkout/buy/dcaab0a4-9437-48c9-b6c0-c138362484be","workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"ctyps1yAdbpHSPPrHQNi","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-07T13:43:00.346Z","updatedAt":"2026-09-07T13:43:00.346Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]