---
title: "Chrome Text — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Edi Priatama · Text. metallic typography"
canonical: "https://framer.elliotli.dev/component/chrome-reflect-text"
---

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

# Chrome Text

Metallic Text effect

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

![Chrome Text preview image 1](https://framer.elliotli.dev/og/component/chrome-reflect-text/f0f0e11840733584/1600x1200.jpg)

## Summary

metallic typography

## Description

Chrome Reflect Text is a high-impact metallic typography component that simulates realistic chrome, gold, silver, or custom surfaces with dynamic lighting reflections. Designed for futuristic branding and bold hero sections, it creates depth and realism through layered gradients, moving highlights, and reactive shadow effects.

**Customize Options**

-   **Text** : Set your headline content
    
-   **Font** : Fully customizable typography (size, weight, spacing, alignment, etc.)
    
-   **Tone** : Choose metallic style: Silver, Gold, or Custom
    
-   **Base Color** : Define custom metallic color (when Tone is set to Custom)
    
-   **Animation** : Select interaction mode: Mouse Follow or Auto Loop
    
-   **Speed** : Control highlight animation speed (Auto Loop mode)
    
-   **Reflection** : Adjust highlight intensity and reflect strength
    
-   **Depth** : Control shadow depth for stronger 3D effect
    

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

-   All · #7535

## Details

- **Author**: Edi Priatama
- **Price**: $5.00
- **Published**: 2026-02-20
- **Updated**: 2026-10-25
- **Added**: 2026-02-19
- **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