59:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/40ipl9wdtrm_x.js","/creators-assets/_next/static/immutable/chunks/1bd061yvfby7i.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1amcd-eostlux.js","/creators-assets/_next/static/immutable/chunks/06b9gh03a5itu.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3xzkckc77quth.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/25aeqr2ydtz4o.js","/creators-assets/_next/static/immutable/chunks/2hfz7h1vpjv9v.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/41glpbsahf_22.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0ebkvqksdxj8m.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2zqx3_h6kju09.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3wk6_kr5br5aj.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/03j_erjzu_t0-.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js"],"PostDetailCard"] 5a:T720,

Stop building pricing tables from scratch every time you land a new client.

This is a complete 3-tier pricing table component for Framer — Starter, Pro, and Business — built for SaaS landing pages, product sites, and client work where you need something that looks finished on day one, not day three.

The Pro tier is set as the recommended plan, so visitors know exactly where to look without you having to explain it. The other two tiers stay clean and legible instead of competing for attention.

What's inside:

A full pricing section — three connected plans, not a single card you have to duplicate and restyle yourself
Each tier has its own title, price, and a feature list actually written for that tier (no copy-pasted bullets across plans)
A highlighted "Most Popular" plan with built-in visual hierarchy — noticeable without being loud
Dark-mode styling with color-coded accents per tier, made for modern SaaS and product brands
Every price, label, color, and CTA is editable directly in Framer — no code, no rebuilding layers
Responsive out of the box, so it holds up on mobile without extra tweaking

Good fit for:

SaaS and startup landing pages
Product launch and waitlist sites
Freelancers and agencies who need a pricing section they can drop into client projects and customize in minutes, not hours

One-time purchase. No subscription, no hidden fees — just drop it into your canvas and it's yours.

Add it to your project, swap in your own tiers and pricing, and publish a pricing page that looks like it was designed on purpose.

56:[["$","$L59",null,{"post":{"id":"019fd68e-4fbd-705a-aa6f-804f0c249c94","title":null,"body":"

Here's a 3 Tier Pricing Table for your SaaS Site.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here's a 3 Tier Pricing Table for your SaaS Site."}]}]},"author":{"framerUserId":"16e930bd-54d1-43c4-b0aa-b3ee39fc7bef","name":"Animotion Studio","slug":"animotionstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/3snbciiv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"x4s113GwTnrLoXNeA97w","resolved":true,"title":"3-Tier Pricing Table","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Stop building pricing tables from scratch every time you land a new client.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"This is a complete 3-tier pricing table component for Framer — Starter, Pro, and Business — built for SaaS landing pages, product sites, and client work where you need something that looks finished on day one, not day three."}]},{"type":"paragraph","content":[{"type":"text","text":"The Pro tier is set as the recommended plan, so visitors know exactly where to look without you having to explain it. The other two tiers stay clean and legible instead of competing for attention."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A full pricing section — three connected plans, not a single card you have to duplicate and restyle yourself"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Each tier has its own title, price, and a feature list actually written for that tier (no copy-pasted bullets across plans)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A highlighted \"Most Popular\" plan with built-in visual hierarchy — noticeable without being loud"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark-mode styling with color-coded accents per tier, made for modern SaaS and product brands"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every price, label, color, and CTA is editable directly in Framer — no code, no rebuilding layers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive out of the box, so it holds up on mobile without extra tweaking"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Good fit for:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS and startup landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product launch and waitlist sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelancers and agencies who need a pricing section they can drop into client projects and customize in minutes, not hours"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"One-time purchase. No subscription, no hidden fees — just drop it into your canvas and it's yours."}]},{"type":"paragraph","content":[{"type":"text","text":"Add it to your project, swap in your own tiers and pricing, and publish a pricing page that looks like it was designed on purpose."}]},{"type":"paragraph"}]},"introduction":"Conversion-focused pricing section","slug":"3-tier-pricing-table","author":{"framerUserId":"16e930bd-54d1-43c4-b0aa-b3ee39fc7bef","name":"Animotion Studio","slug":"animotionstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/3snbciiv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/019fd68d-7a6b-727e-995f-ef1fd95e4907.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-06T10:11:18.197Z","updatedAt":"2026-08-07T07:24:10.056Z","publishedAt":"2026-08-06T10:11:18.182Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://exciting-line-846798.framer.app/","price":"5","paymentUrl":"https://animotionstore.gumroad.com/l/pricing-table?wanted=true","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"rlTql3r5m0O6K4Wmy8Em","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-20T10:17:07.766Z","createdAt":"2026-08-06T10:11:18.589Z","updatedAt":"2026-08-20T10:17:07.766Z","reported":false}}],"$L5b"]

Suggested for you