A call-to-action button featuring a smooth fill transition and icon-focused hover state. Designed to create strong visual feedback and highlight primary actions in modern interfaces.
Copy and paste the component into your Framer canvas.
Select the component and edit the CTA label from the right panel.
Modify background, text, and icon colors using the controls.
Hover over the button in preview to see the fill animation.
Contact or inquiry sections
Primary actions in landing pages
Portfolio or agency websites
Conversion-focused CTAs
Built using native Framer properties
Automatically adapts to text length
Maintains consistent spacing and proportions
Designed for clear interaction feedback
If you have any questions, need clarification, or run into any issues, feel free to reach out at