LiquidGlass Pricing

Show Preview
LiquidGlass Pricing
LiquidGlass Pricing

About LiquidGlass Pricing

About

Liquid Glass Pricing is a responsive Framer pricing section with three translucent plan cards and a monthly/yearly billing toggle. A glass lens slides between billing periods while prices roll digit by digit. Blurred surfaces, reflective edges and softly lit buttons bring depth to your plan comparison, with a highlighted middle card and optional badge to guide attention.

What you can customize

Give your pricing table a look and voice that fit your brand. Edit plan names, descriptions, feature lists, prices, button labels and destinations directly in Framer. Adjust billing labels, notes, currency position, yearly tag and accent color. Choose On Light or On Dark to match the page behind the glass. Feature lists can be added to, reordered or trimmed to suit each offer.

Inside the component, refine typography, padding, corners, frost, lighting and refraction, plus button tones and motion. Desktop, Tablet and Phone variants include matching yearly states. Keyboard navigation, visible focus and reduced-motion support complete the interaction. Connect each plan button to your own signup or checkout destination.

Great for (examples)

Make your offers easy to explore:

  • SaaS pricing pages and software plans

  • AI tools and app subscription tiers

  • Membership websites and annual plans

  • Agency retainers and service packages

  • Startup launches and product landing pages

  • Glassmorphism sites with photo or gradient backdrops

Share your build

If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.

Need help?

Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.

Need a matching component?

Carry the glass treatment across your page: