About Spin 3D Text
What is Spin 3D Text?
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.
Core Features
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
Controls inside Framer
Content
Text
Typography
Font
Font Size
Letter Spacing
Uppercase
Text Color
Back Color
Animation
Speed
Direction
Pause on Hover
Easing
3D Settings
Perspective
Tilt
Depth Shadow
Shadow Color
Shadow Intensity
Best use cases
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.
Questions or custom requests?
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
