---
title: "Pricing and tiers — Framer component · Best of Framer"
description: "$10.00 · Framer component · by OlhaKit · Carousels. Real-time pricing calculator for SaaS"
canonical: "https://framer.elliotli.dev/component/pricing-and-tiers"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Pricing and tiers

# Pricing and tiers

Real-time pricing calculator for SaaS

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

![Pricing and tiers preview image 1](https://framer.elliotli.dev/og/component/pricing-and-tiers/a8e4455e8f94b7c5/1600x1200.jpg)

## Summary

Real-time pricing calculator for SaaS

## Description

**What's included:**

-   3 plan tiers: Starter, Pro, Scale: price updates automatically
    
-   Slider for seat/unit count with live price calculation
    
-   Annual billing toggle with 20% discount applied in real time
    
-   Animated price display: smooth fade on every change
    
-   Price breakdown showing tier, units, and discount
    
-   5 accent colors: Black, Blue, Green, Red, Purple
    
-   Light and dark theme
    
-   Fully customizable: labels, base price, currency, billing period, slider range.
    

**How to use:**

1.  Copy the component into your Framer project
    
2.  Set your base price and billing period in the property controls
    
3.  Customize slider label, min/max range, and unit label to match your product
    
4.  Choose your accent color and theme
    
5.  Drop it on your pricing page, interactions work out of the box.
    

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

-   All · #4865

## Details

- **Author**: OlhaKit
- **Price**: $10.00
- **Published**: 2026-05-26
- **Updated**: 2026-05-30
- **Added**: 2026-05-10
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow