Circle to fill CTA

Circle CTA expands into Filled 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.