About Rotating Text Circle
Full Description
Create eye-catching circular text that rotates smoothly around a center point. Perfect for hero sections, badges, logos, and modern design elements that need to stand out.
Why This Component?
Traditional text is flat and static. This component transforms your words into dynamic, rotating circular designs that immediately grab attention. The smooth 60fps animation and interactive hover effect create a premium, polished feel that elevates any design.
Perfect for:
Hero sections that wow visitors
Animated brand badges and seals
Circular logos and emblems
Award certificates and achievements
Portfolio highlights
Product showcases
What You Can Customize
Content (What it says):
5 Word Inputs: Add up to 5 words that flow around the circle
Icon Separator: Choose from 100+ icons (stars, hearts, dots, arrows, etc.) to separate your words
Typography (How it looks):
Font Family: 20 Google Fonts + custom font support
Font Size: Customizable from subtle to bold
Font Weight: Thin (100) to Black (900)
Text Color: Match your brand perfectly
Icon Color: Style icons independently
Animation:
Rotation Speed: Control how fast it spins
Hover Speed: Automatically slows down when users hover over it
Direction: Spin clockwise or counter-clockwise
Smooth Transitions: No jumps or stutters - just smooth motion
How It Works
Drop it on your canvas
Type your words
Pick a font, icon and colors
Adjust the speed
Done! It just works.
Examples
