About Dynamic Pricing Calc
Create interactive pricing sections with customizable plans, live price calculators, and responsive layouts.
Switch between pricing options, let users calculate costs with sliders, and showcase features in a clean design. Use a single card or combine up to three in a Stack.
From simple subscriptions to advanced pricing models, build a pricing experience that fits your product.
Customization
Layout: Choose between vertical and horizontal layouts. Horizontal cards automatically adapt to narrower containers.
Pricing Tabs: Add up to 6 tabs with independent pricing configurations.
Pricing Modes: Choose between Simple pricing with a fixed amount or Slider pricing with a dynamic calculator.
Interactive Calculator: Configure minimum, maximum, and starting values, base prices, included units, and price per unit.
Options: Add up to 4 selectable options to adjust the calculated price.
Content: Customize titles, subtitles, badges, feature lists, button labels, price suffixes, and supporting notes.
Currency: Choose from a wide range of currencies or set a custom symbol and its position.
Background: Use a solid color, linear/radial/conic gradient, image, SVG, or an animated component slot.
Colors & Typography: Customize individual colors and fonts for titles, prices, tabs, sliders, buttons, features, and other elements.
Spacing & Shape: Adjust outer and inner corner radii, individual padding values, and shadows.
Buttons: Customize background, hover color, text color, corner radius, width, and link behavior.
Great For
SaaS pricing sections
Subscription and membership plans
Product pricing pages
Usage-based pricing calculators
AI credits and API pricing
Service packages and plan comparisons
Landing pages and product websites
Due to the digital nature of this product, all sales are final and refunds will not be issued.
Questions & Support
Have a question or need help setting up the component?
Feel free to reach out:
