component
Hover Focus Button
By Alexander Ghavas
Details
- Alexander GhavasAuthor
- componentType
- 2025-10-28Published
- 2025-12-05Updated
- 2025-10-17Added
- ButtonsCategories
Summary
About the component The component is fully customizable through the following properties found on the right panel: Customizable button text via the "Text" property Ability to set…
Description
About the component The component is fully customizable through the following properties found on the right panel: Customizable button text via the "Text" property Ability to set a link destination Adjustable background colors for default and hover states Customizable text colors for default and hover states Blur intensity control (how blurred the text starts) Transition duration settings for focus and color effects Optional scale effect toggle and amount Padding, border radius, and font styling options Usage To use the component, simply add it to your Framer project and customize the properties as needed. The blur-to-focus animation will automatically trigger on hover. This provides an easy way to add an engaging, interactive button element to Framer websites that creates curiosity and encourages clicks without any coding required.
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5435