---
title: "Pricing Calc — Free Framer component · Best of Framer"
description: "Free Framer component · by Abdul Sami · Carousels. Live, computed pricing for SaaS"
canonical: "https://framer.elliotli.dev/component/pricing-calc"
---

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

# Pricing Calc

Live, computed pricing for SaaS

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

![Pricing Calc preview image 1](https://framer.elliotli.dev/og/component/pricing-calc/703fe3be46db5182/1600x1276.jpg)

## Summary

Live, computed pricing for SaaS

## Description

💰 A pricing calculator that actually computes — not a static table. Visitors pick a plan, drag a seat slider, toggle monthly/annual billing, and check add-ons, and the total updates live with a real breakdown, right down to the discount line.

✨ Features:

🎛 Fully editable plans & add-ons — add, remove, or reorder in the sidebar

🎨 6 color controls + adjustable shadow intensity for a perfect brand match

🔤 Custom font, size, and alignment on the heading

📧 Optional email capture — sends the full selection straight to your inbox via mailto, no third-party form service, no API keys, nothing stored

📱 Responsive two-column layout that narrows cleanly on smaller screens

Perfect for SaaS landing pages, pricing sections, and conversion-focused product sites.

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

-   All · #4641

## Details

- **Author**: Abdul Sami
- **Published**: 2026-07-28
- **Updated**: 2026-08-26
- **Added**: 2026-07-28
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view