---
title: "Tier - Pricing table — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Julian · Text. Tier — Comparison & Pricing Table"
canonical: "https://framer.elliotli.dev/component/tier-pricing-table"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Tier - Pricing table

# Tier - Pricing table

Tier — Comparison & Pricing Table

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

![Tier - Pricing table preview image 1](https://framer.elliotli.dev/og/component/tier-pricing-table/f0fc7b09081ae21a/1600x1161.jpg)

## Summary

Tier — Comparison & Pricing Table

## Description

Show your plans side by side without fighting the layout. Tiers is a drop-in comparison table with three pricing columns, built for SaaS landing pages, product launches, and agency sites that need to make "which plan?" an easy decision.

Edit everything straight from Framer's properties panel — tier names, prices, feature rows, button labels, and colors — no code required. On mobile, the table scrolls sideways instead of cramming three columns into a narrow screen, so every tier stays legible.

**Key features:**

Three pricing tiers, with an optional highlighted "most popular" column

Fully editable in the properties panel — names, prices, features, CTAs, and colors

Mobile-responsive horizontal scroll (setup below)

No code needed — customize visually in seconds

Drops in as a complete section on any page

**Mobile setup note** (worth including so buyers don't think it "breaks" on small screens): For mobile, place the component inside a Stack, set Overflow to Scroll, Width to Fill, and align it Left. The table then scrolls horizontally on small screens instead of squashing — keeping all three tiers fully readable.

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

-   All · #7315

## Details

- **Author**: Julian
- **Price**: $10.00
- **Published**: 2026-07-06
- **Updated**: 2026-07-06
- **Added**: 2026-07-06
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing