---
title: "CircularText FX — Free Framer component · Best of Framer"
description: "Free Framer component · by Ammar Yasir · Text. Rotating circular text with hover effect"
canonical: "https://framer.elliotli.dev/component/circulartext-fx"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/CircularText FX

# CircularText FX

Rotating circular text with hover effect

[View on Framer](https://framer.com/marketplace/components/circulartext-fx/?via=elliot-li)

![CircularText FX preview image 1](https://framer.elliotli.dev/og/component/circulartext-fx/2281c66c62659615/1600x1200.jpg)

## 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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #7666

## Details

- **Author**: Ammar Yasir
- **Published**: 2026-03-09
- **Updated**: 2026-03-19
- **Added**: 2026-02-26
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing