component
CircularText FX
By Ammar Yasir
Details
- Ammar YasirAuthor
- componentType
- 2026-03-09Published
- 2026-03-19Updated
- 2026-02-26Added
- TextCategories
Summary
Rotating circular text with hover effect
Description
CircularText Pro gives you precise control over animated circular typography without writing additional code. It includes smooth infinite rotation powered by Framer Motion, multiple hover interaction modes (speed up, slow down, pause, or hyper spin), and complete native font controls using Framer’s built-in font selector. You can customize: Text content Rotation speed Hover behavior Component size Font family (native selector) Font weight Font size Text color The component is optimized for performance, fully responsive, and works seamlessly inside auto-layout stacks. Ideal for: Hero sections CTA badges Branding accents Portfolio highlights Loading indicators Modern landing pages Built cleanly with scalable structure so you can extend it further if needed.
Introduction
Rotating circular text with hover effect
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5617