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

Overview

A professionally designed, minimalist pricing table component built for high conversion and ease of use. This component allows you to showcase your service tiers clearly, helping users make faster purchasing decisions. It’s ideal for developers and designers looking to add a polished "Plans & Pricing" section to their web projects.

You can see more variations here: https://crowded-symptoms-763309.framer.app/

Key Features

3-Tier Layout: Includes Basic, Standard, and Premium plans with distinct visual hierarchies.
Fully Responsive: Seamlessly adapts to desktop, tablet, and mobile screens.
High-Contrast "Premium" Highlight: The Premium plan features a bold background and white text to draw maximum attention to your best value offer.
Clean Typography: Uses modern sans-serif fonts for maximum readability.
Customizable Design: Easily change colors, fonts, and button styles to match your brand identity.
Optimized for Conversions: Clear call-to-action (CTA) buttons and bulleted feature lists.

What’s Included?

Basic Plan Layout: Perfect for entry-level or free offerings.
Standard Plan Layout: Designed for the most popular mid-tier choice.
Premium/Lifetime Plan: A featured card style for high-ticket or unlimited access plans.
Feature List Icons: Clean alignment for listing service capabilities.

Best For

SaaS Landing Pages
Digital Product Marketplaces
Freelance Portfolio Sites
Agency Service Packages

How to Use

Copy the component into your project.
Edit the text and pricing values within the provided layers/code.
Link the "Order Now" buttons to your checkout or contact page.
Customize the accent colors to fit your UI theme.

5a:[["$","$L5d",null,{"post":{"id":"019d919c-6069-72ed-b4f1-14eadd05c0f8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"148c5273-ac11-43ae-9aeb-a2fa0169d077","name":"Din Muhammad Sumon","slug":"din-muhammad-sumon","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"LGgq5QlM7VBBICfmU2DY","resolved":true,"title":"Modern SaaS Pricing","body":"$5e","bodyJson":null,"introduction":"Fully Responsive & Customizable","slug":"modern-saas-pricing","author":{"framerUserId":"148c5273-ac11-43ae-9aeb-a2fa0169d077","name":"Din Muhammad Sumon","slug":"din-muhammad-sumon","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/LGgq5QlM7VBBICfmU2DY/modern-saas-pricing-381teXBe3GMU01lP7OdrT3MFVkcRb0","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-14T14:43:52.172Z","updatedAt":"2026-04-15T14:59:04.228Z","publishedAt":"2026-04-15T14:47:17.865Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Velox-Pricing-Table-YcjFgG.js@gfby2DA35wMml02WcB61","previewUrl":"https://crowded-symptoms-763309.framer.app/preview","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"gfby2DA35wMml02WcB61","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T14:47:17.865Z","updatedAt":"2026-04-15T14:47:17.865Z","reported":false}}],"$L5f"]

Suggested for you