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

Pricing Section 2 is a premium interactive pricing component for Framer designed to showcase plans, features, and subscription options in a clear and visually engaging layout. It combines polished glass-style pricing cards, monthly and yearly billing, automatic savings, plan statistics, smooth interactions, and light and dark themes.

Use Cases

SaaS websites, startups, AI products, software platforms, subscription services, agencies, membership websites, digital products, web apps, and modern landing pages.SEO Keywords: pricing section, pricing table, pricing plans, pricing cards, Framer pricing, SaaS pricing, subscription pricing, monthly yearly pricing, interactive pricing, glass pricing cards, pricing component, Framer component

Key Features

Monthly & Yearly Pricing Toggle
Automatic Discounts & Savings
Multiple Custom Pricing Plans
Plan Icons, Badges & Quick Stats
Featured Plan Highlighting
Custom Features & CTA Links
Light & Dark Mode
Premium Glassmorphism Styling
Interactive Hover & Tilt Effects
Fully Responsive & Customizable

Why You’ll Love It

Pricing Section 2 makes it easy to build a pricing experience that feels premium and interactive. Visitors can quickly compare plans, switch billing periods, see yearly savings, review key plan statistics and features, and choose the right option through polished interactive CTAs.

Customize your pricing, currency, plan content, icons, statistics, colors, typography, glass effects, spacing, animations, and overall appearance directly inside Framer.

5a:[["$","$L5d",null,{"post":{"id":"01a11020-eb08-7553-9331-d2f54cbdbba4","title":null,"body":"

Pricing Section

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing Section"}]}]},"author":{"framerUserId":"ca05e506-1465-479c-9098-193c2ad13a2b","name":"Design Foundry","slug":"designfoundry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ca05e506-1465-479c-9098-193c2ad13a2b/xcfk0umu","followed":false,"followsYou":false},"media":[],"resources":[{"id":"kIv3pUGwDNTpSdj5xDSP","resolved":true,"title":"Pricing Section 2","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing Section 2 is a premium interactive pricing component for Framer designed to showcase plans, features, and subscription options in a clear and visually engaging layout. It combines polished glass-style pricing cards, monthly and yearly billing, automatic savings, plan statistics, smooth interactions, and light and dark themes."}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"SaaS websites, startups, AI products, software platforms, subscription services, agencies, membership websites, digital products, web apps, and modern landing pages.SEO Keywords: pricing section, pricing table, pricing plans, pricing cards, Framer pricing, SaaS pricing, subscription pricing, monthly yearly pricing, interactive pricing, glass pricing cards, pricing component, Framer component"}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Monthly & Yearly Pricing Toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic Discounts & Savings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple Custom Pricing Plans"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Plan Icons, Badges & Quick Stats"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Featured Plan Highlighting"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Features & CTA Links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light & Dark Mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium Glassmorphism Styling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Hover & Tilt Effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive & Customizable"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why You’ll Love It"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Pricing Section 2 makes it easy to build a pricing experience that feels premium and interactive. Visitors can quickly compare plans, switch billing periods, see yearly savings, review key plan statistics and features, and choose the right option through polished interactive CTAs."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize your pricing, currency, plan content, icons, statistics, colors, typography, glass effects, spacing, animations, and overall appearance directly inside Framer."}]}]},"introduction":"Premium Pricing Plans That Convert","slug":"pricing-section-2","author":{"framerUserId":"ca05e506-1465-479c-9098-193c2ad13a2b","name":"Design Foundry","slug":"designfoundry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ca05e506-1465-479c-9098-193c2ad13a2b/xcfk0umu","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ca05e506-1465-479c-9098-193c2ad13a2b/01a1102a-03a3-76dd-b0b2-ec915d75334a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-06T07:32:34.543Z","updatedAt":"2026-10-07T12:22:09.466Z","publishedAt":"2026-10-06T07:32:34.540Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Lucarne-TwZGKv.js@dvEEXrfIFNUYsWnx6bV9","previewUrl":"https://pricingsection02.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"dvEEXrfIFNUYsWnx6bV9","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":"2026-10-06T07:32:35.208Z","updatedAt":"2026-10-06T07:32:35.208Z","reported":false}}],"$L5f"]

Suggested for you