component
Conic Animation
By Christopher Adjei-Frimpong
Details
- Christopher Adjei-FrimpongAuthor
- componentType
- 2025-08-14Published
- 2026-02-16Updated
- 2025-08-06Added
- TextCategories
Summary
A conic gradient effect on your elements
Description
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
Introduction
A conic gradient effect on your elements
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2223