Circlular Text Blur
This component reveals text in a circle with animated blur effects, allowing customization of text properties, animation timing, and visual appearance.
Make it with Workshop
Build your own component with AI
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
