---
title: "Glass Rotating Text — Free Framer component · Best of Framer"
description: "Free Framer component · by Beyond Flows · Text. 3D glass pill that flips logos"
canonical: "https://framer.elliotli.dev/component/glass-rotating-text"
---

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

# Glass Rotating Text

3D glass pill that flips logos

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

![Glass Rotating Text preview image 1](https://framer.elliotli.dev/og/component/glass-rotating-text/3c5290fc429282ad/1600x1059.jpg)

## Summary

3D glass pill that flips logos

## Description

\# Glass Rotating Text

A glassy pill that tumbles through your logos and labels in 3D. Perfect for "Build with…" or "Works with…" headlines that cycle through your tools, integrations, or partners.

The pill morphs its width to fit each item, so every label sits perfectly, no jumpy layout.

\## ✨ Features

\- **Logo + label items:** add as many as you like, each with its own icon and text

\- **Smooth 3D tumble** with a width morph so the pill always fits the current word

\- **Fully adjustable timing:** hold time and flip speed

\- **Type controls:** font size and weight

\- **Full styling:** text color, pill fill, and border

\- **Glass blur** toggle for the frosted look, or turn it off for a solid pill

\- **Show / hide icons** toggle for text-only mode

\- Auto-sizes to its content, drop it inline in any heading

\- Lightweight, no external dependencies

\## 🎛 Fully controllable

Everything is editable from Framer's properties panel. Add your items, upload icons, and tune the motion and colors to match your brand in seconds.

\## 🚀 Install

1\. Click Insert (or copy the component) from the marketplace.

2\. Paste it onto your Framer canvas.

3\. Add your items and customize from the properties panel.

\## ✅ Requirements

\- A Framer project that supports code components

Questions or requests? Reach out anytime, happy to help.

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

-   All · #3493

## Details

- **Author**: Beyond Flows
- **Published**: 2026-07-01
- **Updated**: 2026-07-01
- **Added**: 2026-07-01
- **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