---
title: "Pricing Cards — Free Framer component · Best of Framer"
description: "Free Framer component · by Minhal Jafar · Cards. Dark pricing cards, ready to ship."
canonical: "https://framer.elliotli.dev/component/pricing-cards"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Pricing Cards

# Pricing Cards

Dark pricing cards, ready to ship.

[View on Framer](https://framer.com/marketplace/components/pricing-cards/?via=elliot-li)

![Pricing Cards preview image 1](https://framer.elliotli.dev/og/component/pricing-cards/2ff555a7ad25fef4/1600x1200.jpg)

## Summary

Dark pricing cards, ready to ship.

## Description

A fully customizable pricing section built for modern SaaS and product websites. Includes three tiers — Starter, Professional, and Enterprise — with a highlighted "Most Popular" badge on the center card, tiered feature checklists, and prominent call-to-action buttons. Designed in a sleek dark UI that works great as a standalone section or within a full landing page layout.

**What's included:**

-   3 pricing card variants (Starter, Professional, Enterprise)
    
-   "Most Popular" badge on featured card
    
-   Accent CTA button on highlighted tier
    
-   Feature checklist with checkmark icons
    
-   Custom pricing display (fixed or "Custom" label)
    
-   Fully editable text, colors, and features
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #5009

## Details

- **Author**: Minhal Jafar
- **Published**: 2026-06-06
- **Updated**: 2026-06-05
- **Added**: 2026-06-02
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards