Conic Animation
A rotating conic gradient border with customizable visual effects. Features blurred overlay, built-in text controls, and external child element content support.
Make it with Workshop
Build your own component with AI
About this Component
A beautiful component that creates a smooth rotating border effect around your content. The border spins continuously in a mesmerizing way, while a subtle blur overlay adds depth and style. Perfect for making buttons, cards, or any element stand out with an elegant animated border.
Key Features:
Smooth rotating gradient that spins infinitely
Adjustable blur effect for the overlay
Built-in text with font controls (size, weight, color, spacing)
Support for adding your own content inside
Automatically resizes with your canvas
Customizable colors and animation speed
Adjustable border radius for rounded corners
How to Use:
Drag the component onto your canvas
Resize it to fit your design
Customize the border color and animation speed
Add your text or connect external content
Adjust the blur and border radius to match your style
Fine-tune colors and typography to complete your design
