component
Rotating Text Circle
By Made by Marchal
Details
- Made by MarchalAuthor
- componentType
- $4.00Price
- 2026-02-16Published
- 2026-02-16Updated
- 2026-01-29Added
- TextCategories
Summary
Rotating circular text with hover effect
Description
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
Introduction
Rotating circular text with hover effect
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #8953