Spin 3D Text wraps custom text around a 3D cylindrical ring that rotates continuously in perspective. The back-facing text is visible in a separate colour, creating authentic depth. Ideal for hero sections, landing pages, portfolio headers, and any layout that needs a bold, kinetic focal point.
Genuine CSS 3D cylinder with perspective-correct depth and foreshortening
Dual-face rendering with independent front and back colour controls for realistic depth
CSS animation for smooth, performant infinite rotation
Pause on hover interaction for user-controlled playback
Text
Font
Font Size
Letter Spacing
Uppercase
Text Color
Back Color
Speed
Direction
Pause on Hover
Easing
Perspective
Tilt
Depth Shadow
Shadow Color
Shadow Intensity
Hero sections and above-the-fold statements that demand attention
Brand identity pages and portfolio headers with bold typography
Landing pages where kinetic text creates a premium, memorable first impression
Creative agency sites and experimental layouts pushing beyond flat design
Drop it onto your canvas, type your message, and the 3D ring builds itself.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.