pricing-add-ons-01

pricing-add-ons-01

Pricing Add-ons 01

A pricing add-on section featuring six service cards with icons, prices, and “Add to cart” CTAs. Great for SaaS, eCommerce, or product upsell pages.

Desktop

(1200px)

desktop section of a grid layout of monthly service add-ons with icons, price, and add-to-cart button

Tablet

(810px)

tablet section of a grid layout of monthly service add-ons with icons, price, and add-to-cart button

Mobile

(390px)

mobile section of a grid layout of monthly service add-ons with icons, price, and add-to-cart button

Desktop

(1200px)

desktop section of a grid layout of monthly service add-ons with icons, price, and add-to-cart button

Tablet

(810px)

tablet section of a grid layout of monthly service add-ons with icons, price, and add-to-cart button

Mobile

(390px)

mobile section of a grid layout of monthly service add-ons with icons, price, and add-to-cart button

Desktop

(1200px)

desktop section of a grid layout of monthly service add-ons with icons, price, and add-to-cart button

Tablet

(810px)

tablet section of a grid layout of monthly service add-ons with icons, price, and add-to-cart button

Mobile

(390px)

mobile section of a grid layout of monthly service add-ons with icons, price, and add-to-cart button

Details:

Icons:

Mail Icon

Security Icon

Cloud Icon

Cart Icon

SEO Icon

Invoice Icon

Variables:

Section Heading

Section Description

Card Title

Card Subtext

Card Price

Card Span

Button Text

Button Link

Note:

You’ll see as many sets of variables as the number of Cards and Buttons you choose to include.

Components:

Open All

(soon)

Pricing Card 03

Button 08

Tag 01

Effects:

Open All

(soon)

Scroll

How to use:

Click the Copy button to copy the section to your clipboard.

Paste it on any page in your project where you need the layout.

Update Text and Images using built-in variables.

Unlink the section if you want full control to customize the design.

Lean Designs. Built Right. Made for Framer.

© figma2framer.com. All rights reserved.

Lean Designs. Built Right. Made for Framer.

© figma2framer.com. All rights reserved.

Lean Designs. Built Right. Made for Framer.

© figma2framer.com. All rights reserved.

Lean Designs. Built Right. Made for Framer.

© figma2framer.com. All rights reserved.