---
title: "Glyph Twist"
canonical_url: "https://framerhub.io/components/glyph-twist"
last_updated: "2026-06-15T14:46:29.765Z"
---

## Glyph Twist - 3D Kinetic Typography

Create mesmerizing 3D text effects with the Glyph Twist component. Text is dynamically mapped onto a twisted cubic mesh that rotates and animates, creating an eye-catching visual experience with a **transparent background** so you can overlay it on any content.

## Features

**3D Twisted Geometry**
Your text is mapped onto a twisted cubic mesh using Three.js shaders, creating a unique distorted 3D effect.

**Transparent Background**
The component has a fully transparent background, allowing you to place it over any Framer frame, image, or gradient.

**Smooth Animation**
Watch text scroll across the twisted geometry with adjustable animation speed.

**Auto Rotation**
Enable automatic rotation with customizable speed for a dynamic, constantly evolving display.

## Use Cases

**Hero Sections** — Create dramatic 3D headlines over background images.

**Creative Portfolios** — Showcase your design skills with innovative typography.

**Brand Experiences** — Elevate brand messages with premium 3D visuals.

**Event Pages** — Add excitement to music, tech, or creative event promotions.

![Glyph Twist Preview](/framerhub/img/components/control/glyph-twist.jpg)

## How to Use

### Installation

1. Copy the component URL
2. Open your Framer project
3. Paste the component anywhere on your canvas (Cmd/Ctrl + V)

### Customization

**Content**

- Text: Your display text
- Font: Extended font controls

**Colors**

- Text Color: Color of the text (default: white)
- Cube Color: Background of the rotating cube (default: blue)

**Animation**

- Animation Speed: Text scrolling speed
- Camera Distance: How far/close the view
- Auto Rotate: Toggle automatic rotation
- Rotation Speed: Speed of auto rotation

## License

**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

## Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

---