---
title: "Circlular Text Blur — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Noman · Text. This component is part of Framercrafts, a library of supercharged Framer components and overrides."
canonical: "https://framer.elliotli.dev/component/circlular-text-blur"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Circlular Text Blur

# Circlular Text Blur

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

![Circlular Text Blur preview image 1](https://framer.elliotli.dev/og/component/circlular-text-blur/8c6a48dd836f6788/1600x1200.jpg)

## Summary

This component is part of Framercrafts, a library of supercharged Framer components and overrides.

## Description

This component is part of [Framercrafts](https://framercrafts.com/), a library of supercharged Framer components and overrides.

## Description

Circular Text Blur arranges characters in a circular pattern and animates them with a blur-to-clear effect. Each character appears sequentially with a blur that gradually clears. The component provides a placeholder when no text is entered.

## Use Cases

1\. **Logos** - Animated circular brand logos

2\. **Badges** - Interactive achievement or status badges

3\. **Loading Indicators** - Circular text-based loading animations

4\. **Decorative Elements** - Dynamic text rings for websites or presentations

5\. **Buttons** - Unique circular button designs with animated text

## Customizations

## • Text - Any text to arrange in a circle

• **Radius** - Size of the circular arrangement

• **Font Properties** - Family, size, weight, color, and spacing

• **Animation** - Duration, delay, and loop settings

• **Blur Effect** - Initial blur amount and color

• **Gradient** - Optional color gradient for text

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

-   All · #8906

## Details

- **Author**: Noman
- **Price**: $6.00
- **Published**: 2025-07-29
- **Updated**: 2025-08-24
- **Added**: 2025-07-29
- **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