---
title: "Pricing Slider Table — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Aidan Looker · Interactive. What is Pricing Slider Table?"
canonical: "https://framer.elliotli.dev/component/pricing-slider-table"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Pricing Slider Table

# Pricing Slider Table

Dynamic SaaS pricing made effortless.

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

![Pricing Slider Table preview image 1](https://framer.elliotli.dev/og/component/pricing-slider-table/3a983d02cd57e48a/1600x1200.jpg)

## Summary

What is Pricing Slider Table?

## Description

## What is Pricing Slider Table?

A highly interactive, conversion-focused pricing solution. It integrates a scalable slider to dynamically update plan tiers and costs based on user metrics like learners, seats, or usage. With built-in monthly and annual toggle support, it presents intricate billing structures in a clear, compelling layout that drives sign-ups and elevates your digital storefront.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Dynamic Slider Logic: Prices automatically update across all plans as the slider threshold changes.
    
-   Monthly/Annual Toggle: Built-in animated switch with an optional discount badge for yearly commitments.
    
-   Premium Animations: Smooth motion-powered hover states, animated counter digits, and a subtle shimmer effect on featured call-to-actions.
    
-   Custom Icon Library: Choose from built-in vector icons or seamlessly upload your own custom imagery.
    
-   Responsive Architecture: Flawlessly transitions from a horizontal desktop layout to a stacked mobile view.
    

## Controls inside Framer

### Slider

-   Label
    
-   Unit
    
-   Min/Max bounds
    
-   Step size
    
-   Show Labels
    

### Toggle

-   Show Toggle
    
-   Monthly Label
    
-   Yearly Label
    
-   Discount Percentage
    

### Plans

-   Icon (Built-in or Custom Image upload)
    
-   Plan Name & Subtitle
    
-   Currency & Period
    
-   Pricing tiers (Threshold, Price & CTA Link)
    
-   Features list
    
-   Call to action label
    
-   Featured state & Badge text
    

### Styling & Theme

-   Card Layout (Desktop/Mobile)
    
-   Theme Preset (Light/Dark/Custom Colors)
    
-   Typography (Heading, Price, Body, CTA)
    
-   Shadow Intensity & Hover Lift toggles
    

## Best use cases

-   SaaS products with usage-based billing or seat-based licensing.
    
-   Subscription services offering volume or tier-based discounts.
    
-   Premium software tools requiring a high-end, interactive checkout experience.
    

Deliver an unparalleled checkout experience that transforms complex pricing into an engaging, visual journey.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

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

-   All · #11214

## Details

- **Author**: Aidan Looker
- **Price**: $14.00
- **Published**: 2026-06-15
- **Updated**: 2026-06-15
- **Added**: 2026-06-07
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step