# 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.
# 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.
