Glow Pricing

Show Preview
Glow Pricing
Glow Pricing

About Glow Pricing

Glow Pricing is a modern three-plan pricing section built entirely with native Framer components. No code, no embeds.

Each plan is a clean card with a tinted top panel for the name, price and call to action, and the feature list below. The highlighted plan is a dark card with a soft lime glow, a “Most popular” badge and lime accents.

Features

  • Monthly / Yearly toggle with a sliding switch and a “Save 20%” pill

  • Prices and billing notes update automatically when visitors switch billing

  • Smooth hover on buttons and cards

  • Everything editable in the properties panel: plan name, description, monthly and yearly price, notes, badge, button label and link, fine print and features

  • Add or remove features from a simple list

  • Responsive: three columns on desktop, stacked on tablet and phone

  • Built on color and text styles (Manrope), so it’s easy to re-theme

How to use

  1. Drop “Pricing Plans” onto your page.

  2. Select a card to edit its plan, prices, features and link.

  3. Edit the toggle labels and save text from the Pricing Plans properties.

  4. On tablet and phone, set the instance to the “Monthly Mobile” variant.

From Ahsan Habib

Orbit Hub
Meridian

Related Components

Workflow cards
Profile Contact Card
Portfolio Image Card
Team Hover Card