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

Pricing Pulse replaces cluttered multi-column pricing tables with one elegant, interactive card. Customers drag a slider to move between tiers, and everything responds in real time: plan name, "up to" revenue cap, price, the feature checklist, the stats row and even the button's destination link.

It's built to be 100% editable from Framer's property controls — there's nothing hardcoded. Add as many plans as you like; each plan can carry its own features, stats, icons and checkout link, or fall back to a shared global set when you want them identical across tiers.

It's genuinely responsive on both axes. Across mobile, tablet and desktop the layout adapts (the revenue and price stack vertically on narrow widths). As the card's height shrinks, content scales down smoothly to a floor, then progressively collapses low-priority sections, and finally scrolls inside the card — so it stays clean and usable at any size. Long headlines like "Up to 100,000 users" auto-fit their font so they never wrap awkwardly. The stats row stays pinned directly above the button no matter how many features a plan lists.

Pick icons from a built-in dropdown of ~75 clean line icons, or paste your own custom SVG with its own size. Choose any font, including Google Fonts, from Framer's font picker.

Highlights

Slider-driven tiers — plan, price, revenue, features, stats and CTA link all change live
Unlimited plans, each fully customizable (or shared via global fallbacks)
Optional "Up to $X" revenue block — toggle off for a pure pricing card
Per-plan button links for tier-specific checkout / signup
~75 built-in line icons via dropdown + custom SVG support, with adjustable icon size and color
Any font, including Google Fonts, via Framer's font picker
Responsive on width and height: scale -> collapse -> scroll, never breaks
Auto-fit headlines, pinned stats + button, adjustable breakpoints
Every text, value, color, font, radius and threshold editable in Framer

5a:[["$","$L5d",null,{"post":{"id":"019ea223-0f5a-762e-923a-7164c09711bd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"03LEaN7gtTlwVdYbYWo7","resolved":true,"title":"Pricing Pulse","body":"$5e","bodyJson":null,"introduction":"Interactive slider pricing card","slug":"pricing-pulse","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/03LEaN7gtTlwVdYbYWo7/pricing-pulse-wZ8J8lYgqo3wEWMLVwul19D4nkU5dE","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-03T12:11:32.271Z","updatedAt":"2026-06-11T15:26:53.283Z","publishedAt":"2026-06-07T12:51:07.226Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://sparkling-goblin-963787.framer.app/","price":"2","paymentUrl":"https://buy.stripe.com/8x2fZg93D80FanBf3K9k400","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"nk5U6DeMoVeaS22ikRNc","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-06-07T12:51:07.226Z","updatedAt":"2026-06-07T12:51:07.226Z","reported":false}}],"$L5f"]

Suggested for you