component
Circular Text Pro
By Tanishq Gautam
Details
- Tanishq GautamAuthor
- componentType
- 2026-01-30Published
- 2026-02-04Updated
- 2026-01-20Added
- TextCategories
Summary
Features Continuous circular text rotation Clockwise & anti-clockwise direction control Adjustable rotation speed and start angle Font-aware angular letter spacing Interactive…
Description
Create smooth, animated circular text with full control over rotation, spacing, and interactive hover effects, perfect for logos, badges, and UI highlights. Features Continuous circular text rotation Clockwise & anti-clockwise direction control Adjustable rotation speed and start angle Font-aware angular letter spacing Interactive hover effects: Speed up / slow down Pause rotation Expand or shrink Color change Dynamic controls Works consistently in Framer Canvas & Production How to Use Add Circular Text Pro to your Framer canvas. Enter your text (short text auto-repeats for balance). Adjust radius, rotation speed, and direction from Motion settings. Customize typography using the Font panel. Choose a hover effect (Speed, Expand, Shrink, Color, or Pause) and fine-tune its behavior.
Introduction
Animated circular text with smart hover
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #780