Flex Pricing Cards

Pricing cards that are actually easy to customize

Flex Pricing Cards is a flexible coded component built for Framer designers, developers, SaaS companies, agencies, and digital-product websites.

Instead of opening the component and manually editing layers, users can control the pricing cards directly from Framer’s Properties panel. Update the content, colors, typography, sizing, spacing, buttons, visual styles, and plan presentation without touching the underlying code.

The component is designed to save setup time while giving users enough flexibility to adapt the pricing section to almost any brand.

What you can customize

• Plan names, descriptions, and prices

• Currency and billing-period text

• Feature names and visibility

• Card background colors and shades

• Highlighted or recommended plan styling

• Badge text and appearance

• Button labels, links, and colors

• Font family, weight, color, and size

• Card spacing, padding, and gaps

• Borders, radius, and shadows

• Section background and overall appearance

• Desktop, tablet, and mobile presentation

Remove any item above that your current version does not yet support.

Built for

• SaaS landing pages

• Startup websites

• Agency service packages

• Membership websites