---
title: "PriceGrid — Framer component · Best of Framer"
description: "$9.00 · Framer component · by CodePerfect · Sections. Boost your SaaS conversions PriceGrid gives you a polished, conversion-ready pricing section in minutes."
canonical: "https://framer.elliotli.dev/component/pricegrid"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/PriceGrid

# PriceGrid

Responsive Pricing Table

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

![PriceGrid preview image 1](https://framer.elliotli.dev/og/component/pricegrid/c1b4ea8c37a4bb85/1600x1200.jpg)

## Summary

Boost your SaaS conversions PriceGrid gives you a polished, conversion-ready pricing section in minutes.

## Description

## **Boost your SaaS conversions**

PriceGrid gives you a polished, conversion-ready pricing section in minutes. Add as many plans as you need, write your features, pick your colors — the layout, spacing, and price sizing adapt automatically to any container width.

**Key Features:**

-   A built-in Monthly/Yearly switch updates prices instantly. No complex component variants or variables required.
    
-   Subscription and fixed price options. Price ranges.
    
-   Choose how prices transition: Count Up, Scale, Fade, or None. Powered by framer-motion for buttery smooth performance.
    
-   Automatically scales and highlights your preferred plan with a custom badge and border to drive focus to your main tier.
    
-   Match your brand instantly. Customize primary colors, backgrounds, fonts, and button styles directly from the property panel.
    
-   The grid automatically adapts from a clean multi-column layout on desktop to a stacked, touch-friendly layout on mobile.
    
-   100% client-side and privacy-friendly. Works instantly on any static host, with no setup or third-party services.
    
-   Accessibility built in. Respects your visitor's "Reduce motion" setting and disables non-essential animation automatically.
    

**Perfect for:**

-   SaaS Landing Pages
    
-   Membership Sites
    
-   Online Courses
    
-   Agency Service Packages
    

**How to use**: Simply drag PriceGrid onto your canvas. Edit your plans, prices, and features in the sidebar list. The component handles all the responsiveness and interaction logic automatically. No coding required.

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

-   All · #9591

## Details

- **Author**: CodePerfect
- **Price**: $9.00
- **Published**: 2025-12-04
- **Updated**: 2026-07-19
- **Added**: 2025-11-28
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove