Circle to fill CTA
Seamlessly transforms from a minimal circular button into a rounded pill CTA on hover.
Circle Expand Button
A sleek animated call-to-action component built for designers and creators who want to elevate micro-interactions with minimal effort. It begins as a compact circular icon and smoothly expands into a fully revealed CTA — blending function with visual delight.
Features
Circle-to-Pill Expansion
Seamlessly transforms from a minimal circular button into a rounded pill CTA on hover.
Smooth Morph Animation
Fluid shape and width transition for a polished, premium feel.
Fully Customizable
Easily adjust text, icon, colors, hover fill, border, radius, and animation speed.
Interaction-First Design
Adds meaningful motion without overwhelming your UI.
Responsive & Drop-In Ready
Optimized to work across hero sections, cards, sliders, and navigation areas.
