3D Circular Text is an immersive typography component for Framer that transforms scrolling into a cinematic 3D text experience. Words wrap around a virtual cylindrical drum and rotate smoothly through depth based perspective as users scroll through the page.
Built with scroll reactive motion and spring based animation, the component creates fluid typography movement with smooth rotational transitions and immersive spatial depth.
Each word is positioned around a circular 3D arc, creating a continuous rotating text structure that feels dynamic, futuristic, and interactive. Designers can fully customize the word list, arc span, perspective depth, rotation range, typography styling, colors, spacing, and animation behavior.
Optional labels and smooth spring controls allow for additional editorial styling and interactive storytelling experiences across landing pages and creative websites.
Optimized for responsiveness and smooth rendering, 3D Circular Text delivers high performance 3D typography across desktop and mobile devices.
Scroll driven 3D text rotation
Cylindrical typography layout
Smooth spring based animation
Custom word loop support
Adjustable arc span and perspective
Interactive depth based motion
Fully customizable typography
Responsive 3D rendering
Optional floating label support
Smooth cinematic scrolling effects
Hero landing sections
Editorial typography layouts
Creative agency websites
Interactive portfolio pages
Product showcase experiences
Experimental motion design websites
Designers building immersive typography experiences
Agencies creating cinematic landing pages
Brands focused on motion driven storytelling
Portfolios needing interactive visual impact
Websites with experimental UI aesthetics
Turns typography into immersive 3D motion
Creates strong visual depth and interaction
Enhances storytelling through scroll animation
Delivers cinematic modern web aesthetics
Provides highly customizable typography control
Mohd Mehraj
