Skip to content

Circular Text Pro

Animated circular text with smart hover

Circular Text Pro preview image 1

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

  1. Add Circular Text Pro to your Framer canvas.

  2. Enter your text (short text auto-repeats for balance).

  3. Adjust radius, rotation speed, and direction from Motion settings.

  4. Customize typography using the Font panel.

  5. Choose a hover effect (Speed, Expand, Shrink, Color, or Pause) and fine-tune its behavior.

Rank history How rankings work →

1501100112258/149/49/2610/1811/9
  • All · #944

Details

More like this