---
title: "Glass Text  — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Sami Mansouri · Text. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/glass-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Glass Text

# Glass Text

Glassy font text

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

![Glass Text  preview image 1](https://framer.elliotli.dev/og/component/glass-text/66b48d2b1f204972/1600x1200.jpg)

## Summary

Glassy font text

## Description

### Description

**Glass Text** brings the popular glassmorphism aesthetic to your typography. Create stunning frosted glass text effects that look beautiful on any background.

**Features**

-   **Liquid Glass Effect** — Multi-layered glass fill with realistic light refraction
    
-   **Adjustable Transparency** — Fine-tune opacity and tint for crystal-clear or frosted looks
    
-   **Customizable Border** — Glass edge highlights that catch the light
    
-   **Drop Shadow** — Full control over shadow color, blur, and position
    
-   **Link Support** — Add navigation URLs with new tab option
    
-   **Any Font** — Works with all Google Fonts and custom typefaces
    
-   **Auto-sizing** — Container adapts automatically to text length
    

**Perfect For**

-   Hero headlines
    
-   Section titles
    
-   Call-to-action text
    
-   Overlay typography
    
-   Modern UI designs
    

**Pro Tips**

-   Use on gradient or image backgrounds for best glass effect
    
-   Combine with Framer's native Ticker for animated marquee effects
    
-   Lower the Tint value for an ultra-transparent crystal look
    
-   Pair with other glassmorphism UI elements
    

**Refund Policy**

**Digital Products**

All purchases of Framer components are final. Due to the digital nature of these products and immediate access upon purchase, **no refunds, returns, or exchanges are accepted once a component has been purchased and delivered**.

**Exceptions**Refunds may be considered only in the following limited cases:

-   The component is demonstrably defective and does not function as described.
    
-   You are unable to access the purchased component due to a technical issue on our side.
    

In such cases, you must contact support within **7 days** of purchase and provide clear details of the issue. If verified, we may offer a fix or replacement. Refunds are not guaranteed.

**Non-Refundable Cases**

-   Change of mind.
    
-   Lack of compatibility with your project, tools, or third-party plugins.
    
-   Failure to read the product description or requirements before purchase.
    

By completing a purchase, you acknowledge and agree to this Refund Policy.

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

-   All · #9759

## Details

- **Author**: Sami Mansouri
- **Price**: $5.00
- **Published**: 2026-01-28
- **Updated**: 2026-02-10
- **Added**: 2026-01-03
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing