Circlular Text Blur

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

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