Circlular Text Blur

This component is part of Framercrafts, 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