Glyph Twist
3D kinetic typography with text mapped onto a twisted cube geometry.
Overview
3D kinetic typography with text mapped onto a twisted cube geometry.
- 3D twisted cube with text texture
- Transparent background (overlay on any content)
- Customizable animation and rotation speed
- Full font customization
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.
How to Use
Installation
- Copy the component URL
- Open your Framer project
- 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!
Glyph Twist - $9
3D kinetic typography with text mapped onto a twisted cube geometry.
You might also like
Why Choose Framer Hub Components
Loved by Framer teams
Used by Framer professionals who need premium, no-code experiences.
"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. FramerCMSFilter is easier to use and has a lot of added functionality."
Got questions? We've the answers
Got questions? We've the answers
Everything you need to know about FramerHub.