---
title: "Glass Pricing Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Azardam Studio · Cards. Premium glass effect for pricing tiers."
canonical: "https://framer.elliotli.dev/component/glasspricing"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Glass Pricing Card

# Glass Pricing Card

Glassmorphic pricing card

[View on Framer](https://framer.com/marketplace/components/glasspricing/?via=elliot-li)

![Glass Pricing Card preview image 1](https://framer.elliotli.dev/og/component/glasspricing/758f78d7a0c2804b/1600x1200.jpg)

## Summary

Premium glass effect for pricing tiers.

## Description

## Features

-   2 variants: Popular and Basic
    
-   Switch between Paid and Free pricing mode
    
-   Choose between 3-7 features
    
-   Mutable feature states
    
-   Responsive: set Width to Fill to adapt to any layout
    
-   100% Framer native
    

## Example

Built for every pricing tier.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-eprype2f-QyqOCPFcAzZ1XteYW6Pxa1Lpb1QZk9)

## Tutorial

If you’re new to Framer this tutorial will help you better understand Framer components:

-   [Intro to Components](https://framer.link/clesson) by Framer.
    

ㅤ

🔷 Made by [Azardam Studio](https://framer.link/azardam) 🔷

## Rank history [How rankings work →](/terms#rankings)

-   All · #5664

## Details

- **Author**: Azardam Studio
- **Published**: 2026-06-06
- **Updated**: 2026-10-14
- **Added**: 2026-06-03
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards