Text Cylinder
A Framer typography component that bends lettering around a rotating 3D cylinder, with automatic or scroll-linked movement.
About Text Cylinder
Text Cylinder turns a phrase into a curved surface rather than a flat rotating label. The letters bend around the cylinder, and fading edges reinforce its depth.
The effect uses CSS 3D instead of WebGL. A floating editor allows adjustments during preview, with controls for the shape and perspective as well as the type itself, making the treatment adaptable to a headline or hero section.
Component details
Creates moving cylindrical text for headlines, hero sections and portfolio accents.
The cylinder can rotate automatically or respond to page scrolling.
Automatic and scroll-linked rotation are the documented motion modes.
Font, color, spacing, roundness, curve, perspective and edge fade are adjustable.
Drop the component into Framer and configure it without code. It uses CSS 3D and includes a floating preview editor.
Related components
View all
Built something worth finding?
Submit a site, template, component or tool built with any stack. We will add it to the atlas.