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

53:Taa3,

A glowing animated integration visual designed to show what your product connects with, and make your ecosystem feel active, useful, and alive.

Soft beams of light move between satellite icons and a central hub, creating a calm, hypnotic motion that naturally guides attention back to your product. Instead of showing integrations, partners, or connected tools as another static logo grid, you can present them as a dynamic system with your product at the center.

It is perfect for showing tools your product integrates with, but it can also be used for partner networks, workflow diagrams, AI agent ecosystems, product features, platform modules, community members, or any section where one central idea connects to many others.

Choose from Split, Arc, or Circle layouts depending on the story you want to tell. Place icons on both sides, fan them across one direction, or surround the hub completely. Use it as a hero visual, an integration showcase, a “connects to everything” section, or a visual explainer for how your product fits into a larger workflow.

Perfect for

Integration sections
“Connect your tools” sections
AI product landing pages
SaaS platform hero visuals
Partner and ecosystem showcases
Developer platform homepages
API and workflow explainers
Feature or module overviews
AI agent or automation networks
Community, team, or marketplace visuals

Example use cases

Show your product connected to Slack, Notion, Google Drive, HubSpot, Salesforce, Figma, GitHub, or other tools.
Present your platform as the central hub in a larger workflow.
Visualize AI agents, automations, or features working around one core product.
Show partner brands, ecosystem members, or marketplace apps in a more dynamic way.
Turn a “how it works” section into a visual system instead of a static diagram.

Customization options

Everything is editable from the Framer properties panel:
Hub and satellite icons
Split, Arc, and Circle layouts
Beam direction, curvature, colors, and width
Animation speed and stagger timing
Optional beam glow and hub halo pulse
Toggleable static base line
Node size, background, border, padding, and shadow

54:T442,

A high-impact animated CTA button designed to draw attention exactly where you want it, your primary action!

The glowing comet orbit creates a subtle but continuous motion around the button, guiding the user’s eye without feeling distracting. Perfect for hero sections, product launches, feature announcements, and waitlists.

Instead of a static button, you get a micro-interaction that naturally pulls focus to your most important action.

Perfect for

• Product launch CTAs• Waitlist buttons• “Try the demo” actions• Feature announcements• Hero section conversions• AI tool landing pages• Startup marketing pagesCustomization Options

Everything is editable from the Framer properties panel:

• Dual text labels (left + right)• Custom fonts and colors• 1–3 orbiting comets• Glow color and intensity• Animation speed and tail length• Divider color• Custom icon upload• Border width and radius• Hover scale effect• Click/tap action support

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-61917cca-a9de-4054-be5d-55cdb75f9478-all:/unified/creator/61917cca-a9de-4054-be5d-55cdb75f9478/activity/":[{"data":[{"id":"019f3758-eb55-76ae-9605-1f72299ff730","type":"creator.followed","target":{"type":"creator","id":"14ef2a08-099c-4fb1-8be5-665af89e4cc3","preview":"UI Flip","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/650016/avatar-C0vTdUX06MNBI8THuoWf1zsLWZu8n7.jpg","slug":"ivoivanov","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"61917cca-a9de-4054-be5d-55cdb75f9478","name":"Lucian Modiga","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/90801/avatar-gdSsfalqfz7BJBcEdtiMyy1IqObdEV.jpg","slug":"lucian-modiga","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T12:13:22.128Z","latestAt":"2026-07-06T12:13:22.128Z"},{"id":"019ef96c-aabe-70cb-8071-19a6416272fb","type":"creator.followed","target":{"type":"creator","id":"b52ec26d-e0c3-4d1c-bddf-4dbf55338e4f","preview":"FrameBuild","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/238316/avatar-ELWQF8t3QI529f2aF3wSmDGBYHpPtI.jpg","slug":"framebuild","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"61917cca-a9de-4054-be5d-55cdb75f9478","name":"Lucian Modiga","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/90801/avatar-gdSsfalqfz7BJBcEdtiMyy1IqObdEV.jpg","slug":"lucian-modiga","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T11:38:28.922Z","latestAt":"2026-06-24T11:38:28.922Z"},{"id":"019ef96c-5b1c-73aa-821e-1576b96b8326","type":"creator.followed","target":{"type":"creator","id":"7b34ca5d-5f1b-47da-9ab6-dbafa98f7c64","preview":"Elias ALVES","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1986765/ZQCDW6564-Rd4a11uLlTKRXXJMOFXxqWVm8c2e46","slug":"elias-alves","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"61917cca-a9de-4054-be5d-55cdb75f9478","name":"Lucian Modiga","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/90801/avatar-gdSsfalqfz7BJBcEdtiMyy1IqObdEV.jpg","slug":"lucian-modiga","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T11:38:08.535Z","latestAt":"2026-06-24T11:38:08.535Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:61917cca-a9de-4054-be5d-55cdb75f9478:/unified/posts/?creator=61917cca-a9de-4054-be5d-55cdb75f9478&with=reposts":[{"data":[{"id":"019e2398-c50e-7eb8-b267-a42923416853","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":"15556","resolved":true,"title":"Supernormal","body":null,"bodyJson":null,"introduction":"Marketing site for Supernormal, an AI meeting assistant. Built in Framer with CMS-driven template pages, reusable components, custom code components, SEO structure, and performance work to scale with a fast-moving AI product.","slug":"supernormal","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/sites/15556/thumbnail-ZqWzXSOfd1HKBQwK0MgJsd3d6TOxVG.jpg","metadata":{"tint":{"h":240,"s":53,"l":70},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-13T23:07:55.020Z","updatedAt":"2026-05-13T23:09:50.774Z","publishedAt":"2026-05-13T23:07:55.022Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.supernormal.com/","categories":[{"id":"0539c25a-136d-4f8b-a2e7-342a21b7d607","name":"AI","slug":"ai"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-13T23:07:55.022Z","updatedAt":"2026-05-13T23:07:55.022Z"},{"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":"$52","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"},{"id":"019dd351-643d-7f17-ac2a-cf6f8b796a59","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":"CqGCM8CfxCaMKdROeYyo","resolved":true,"title":"Integration Hub","body":"$53","bodyJson":null,"introduction":"animated beam integration visual","slug":"integration-hub","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/CqGCM8CfxCaMKdROeYyo/integration-hub-Xgnjgoqygb0gFcLghIyP8Pr38D9U4P","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-24T12:44:07.311Z","updatedAt":"2026-05-07T14:28:32.354Z","publishedAt":"2026-04-28T09:00:19.901Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://framercreator.framer.website/animated_beam_network","price":"10","paymentUrl":"https://contra.com/products/NTN6Rwl2-integration-hub-animated-beam-integration-visual","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"7H55MOAjTHfuLfYU7HoH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-28T09:00:19.901Z","updatedAt":"2026-04-28T09:00:19.901Z"},{"id":"019dbe94-9361-7c62-891c-676ae816d6dc","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":"6Yj6VzxJdfZBV332KKkS","resolved":true,"title":"Orbit Glow Button","body":"$54","bodyJson":null,"introduction":"Animated CTA button","slug":"orbit-glow-button","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/qsFYTd5OU1fvjihcW7Ca/orbit-glow-button-NOFnp2rcvUnKGluA7iIlxEs3BzqT8F","metadata":{"tint":{"h":300,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-05T16:20:54.574Z","updatedAt":"2026-04-24T08:22:08.554Z","publishedAt":"2026-04-24T08:21:41.345Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/OrbitGlowButton-Jr0bQW.js@vyxwQadGnj1N2bio6bFp","previewUrl":"https://framercreator.framer.website/orbit_glow_button","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"vyxwQadGnj1N2bio6bFp","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":23,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-24T08:21:41.345Z","updatedAt":"2026-04-24T08:21:41.345Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]