component
Pricing Plan Card
By Mina Elia
Details
- Mina EliaAuthor
- componentType
- 2026-06-03Published
- 2026-06-06Updated
- 2026-05-13Added
- CardsCategories
Summary
Customizable pricing card with toggle
Description
🎯 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.
Introduction
Customizable pricing card with toggle
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2446