---
title: "Pricing Suite — Free Framer component · Best of Framer"
description: "Free Framer component · by Jeshan Athulesh · Sections. Fully customizable pricing section"
canonical: "https://framer.elliotli.dev/component/pricing-suite"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Pricing Suite

# Pricing Suite

Fully customizable pricing section

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

![Pricing Suite preview image 1](https://framer.elliotli.dev/og/component/pricing-suite/6200862b651c2b74/1600x1200.jpg)

## Summary

Fully customizable pricing section

## Description

Create stunning pricing sections within seconds.

**Bonus:** The component has five pricing tier card presets. If you don't have a custom design, you can use them.

This is a universal pricing section component that helps founders transform hours of work into seconds.

Built with modern aesthetics and proven conversion principles, it maintains its stunning visual appeal even after customization with your own content and assets.

## What makes this different?

It's not just a component. It's everything you need to create a pricing section.

-   **Billing toggle:** Monthly and yearly billing toggle that helps you maintain two billing options.
    
-   **Pricing tier cards:** Fully customizable pricing tier cards that can bring your ideas to life within seconds.
    
-   **Fully responsive:** Built with a precise responsive layout that works across all devices.
    

This is meticulously crafted for modern SaaS businesses, ensuring excellent performance, SEO optimization, and a frustration-free setup.

## Items Included

### Core items

-   Billing toggle
    
-   Pricing tier cards
    
-   Features comparison table
    

### Stunning items

-   Flow-animated pricing label
    
-   Selective drop-down menu
    
-   Sticky table header
    
-   Separate tab view on mobile
    

### Core customization allowed

-   Delete and add more cards
    
-   Create a custom card variant
    
-   Add more rows to the comparison table
    

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

-   All · #5285

## Details

- **Author**: Jeshan Athulesh
- **Published**: 2026-09-01
- **Updated**: 2026-09-11
- **Added**: 2026-09-01
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes