Pricing Plan Card: Free Layout Component by Mina Elia

🎯 What is PlanCard?

A ready-to-use pricing card component for Framer — perfect for SaaS landing pages, freelance portfolios, and product sites. Drop it in, edit the text, and publish.

✅ What's included

• Fully editable plan name, price & description

• Dropdown to switch between pricing tiers (e.g. Landing Page, Full Site)

• Toggle for add-on services (e.g. +No-code Development)

• Feature checklist with green checkmark icons

• Bold CTA button — text & color fully customizable

• Clean white card with smooth rounded corners

⚙️ How to customize

1. Select the component on the canvas

2. Edit text directly or via component properties

3. Swap colors in the fill panel

4. Add or remove checklist items as needed

📐 Best used for

Pricing sections · Service offer pages · Freelance rate cards · SaaS plan pages

💡 Tip

Duplicate the card 3× and adjust each plan name and price to create a full pricing table in minutes.

Pricing Plan Card — Customizable pricing card with toggle

A clean, fully editable pricing card for your SaaS or freelance site. Comes with a built-in billing toggle (+No-code Development), a dropdown to switch plans, and a checklist of included features. Change colors, text, and icons in seconds — no code needed. Dro

About this Component

Details

Category

Support

More Components