component
PricingCard
By Framer-Expert

Details
- Framer-ExpertAuthor
- componentType
- 2026-06-05Published
- 2026-09-14Updated
- 2026-06-05Added
- CardsCategories
Summary
Slider pricing card with model add-ons
Description
What it does Runs slider — visitors pick their tier (10K, 25K, 100K, 500K runs, or whatever you define) and the price snaps to it Per-model add-on pricing — charge a base price + €X per enabled model. Toggle models on, price goes up. Toggle off, price drops. Live Four pricing modes in one component — Standard (fixed tiers + optional model add-ons), Free, Custom ("Talk to sales"), and Configurable (live-calculated base + multiplier) Monthly / Annual toggle — syncs across every card on the page. Click Annual on one card, all of them switch Explicit currency and locale — set Currency to USD, EUR, or Custom (with your own symbol field for £, ¥, CHF, kr), and Locale to control number grouping (en-US for 1,000, de-DE for 1.000). Pulls from USD or EUR price fields in your tier array. No detection, no network requests — fully deterministic Savings badge — shows "Save 20%" on annual automatically Model selection cap — set "Max Selectable" to 2 on your Free tier, leave it at 0 (unlimited) on Pro. When the cap is reached, selecting another model swaps out the oldest
Introduction
Slider pricing with model add-ons
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #6033