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:
Liquid Glass Nav Pro for floating navigation
Liquid Glass Footer for a cohesive finish





