56:I[473921,["/creators-assets/_next/static/immutable/chunks/36c08p67t0nml.js","/creators-assets/_next/static/immutable/chunks/3ayu63s3pbx5h.js","/creators-assets/_next/static/immutable/chunks/2qqxwi6m3n33t.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3k0o12ps7rnq6.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/271g_l-8c77ee.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/31xze_yiju0_q.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2gb4kwi-0_ftg.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mwzcaalgk6io.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/3wj273i6wglef.js","/creators-assets/_next/static/immutable/chunks/30ex342hi0wzr.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/222e_wk0i41rv.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/3pe6luvwzbwnz.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/33kea80yupbzt.js","/creators-assets/_next/static/immutable/chunks/3oj8b9u7wi0dw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3f2ccywlofkgw.js","/creators-assets/_next/static/immutable/chunks/1-gdi7ej49wy6.js","/creators-assets/_next/static/immutable/chunks/05yll7e_snxjv.js"],"PostDetailCard"] 57:Tea7,

Prism Pricing Grid is a geo-smart pricing table for serious SaaS products.It combines a clean comparison table, optional pricing cards, and smart regional logic in a single Framer-native component.

💰 Geo Pricing Engine

Prism ships with three geo modes:

Off – Classic pricing table. No geo, no magic.
PPP Auto – Detects the visitor’s country and applies a configurable PPP discount for selected regions (e.g. TR, IN, BR…). Currency symbol updates automatically.
Geo Pro – Set US / EU / UK prices per plan. The component picks the right region based on the visitor’s country, with graceful fallback to your base price.

You can also:

Toggle the PPP banner on/off
Customise the banner text with {country} and {discount} tokens

🧩 Layout & UX

Layout modes: Table, Cards, or Hybrid (Cards + Table)
Responsive by design:
- Automatically switches to card layout on small widths
Sticky table header (optional) for long comparison lists
Category groups:
- Core / Advanced / Support…
- Collapsible sections
- Or turn category headers off for a flat list

📊 Features & Data Model

Up to 4 plans (Starter / Pro / Business / Enterprise, etc.)
Each feature row supports:
- Boolean: checkmark / dash
- Custom text: e.g. 5 users, 50 GB, 99.9% SLA
Tooltips for feature explanations
Works great for both simple and very detailed comparisons

🔧 Data Input Options

Manual mode (Panel)
- Edit plans, features, pricing and labels directly from the Framer panel
JSON mode
- Paste plansJSON and featuresJSON for advanced or external setups

🎨 Themes, Colors & Type

6 built-in themes: Noir, Aurora, Frost, Sunset, Mint, Lavender
Optional Custom Colors to override backgrounds, borders, text, accent, success, dividers and buttons
Full typography controls for:
- Header title
- Header subtitle
- Plan titles
- Prices
- Body text
- Buttons

⚙️ Quality-of-life Options

Monthly / Yearly billing toggle with savings label
Optional plan icons (Lucide)
Optional feature list inside cards
Toggle to disable all animations for a static feel or perf-sensitive pages
Helpful empty states when no plans are configured

How to Use

Drop Prism Pricing Grid into your canvas.
Configure your plans and features under the Content group.
Choose a Geo Mode and, if needed, set PPP or regional prices.
Pick a theme or switch on Custom Colors to match your brand.
Adjust layout, spacing and typography, then connect buttons to your checkout or signup pages.

That’s it — one component that handles modern SaaS pricing, from simple to global.

53:[["$","$L56",null,{"post":{"id":"019b0dc5-a327-7635-9c86-19a33ac6baa8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"qjcnrGbueKzZ6wR0mhEz","resolved":true,"title":"Prism Pricing Table","body":"$57","bodyJson":null,"introduction":"Geo-smart pricing tables for SaaS","slug":"prism-pricing-table","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qjcnrGbueKzZ6wR0mhEz/prism-pricing-table-vs5zCHXa6dGdjEIFfQCV2X9YLZGQQb","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-04T11:59:00.218Z","updatedAt":"2026-01-18T12:15:32.812Z","publishedAt":"2025-12-11T14:16:54.823Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://innovative-things-914445.framer.app/","price":"10","paymentUrl":"https://joworks-studio.lemonsqueezy.com/buy/aa8b820e-d97d-4126-95ff-62726403486b","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"2SzvkK8X6d1nmIK3eP36","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-11T14:16:54.823Z","updatedAt":"2025-12-11T14:16:54.823Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you