How to use component?
To use the component in your Framer project, first, copy it. Then, paste it into your project. It will automatically import and show up in the left sidebar under the Assets tab in the DesignKits folder. You can then drag it onto your canvas to create a new instance.
Ripple Button
Loading...
Component
Button
Updated: Mar 24, 2025
Overview
The RippleButton component is a responsive interactive element with a position-based ripple effect. On hover, it generates a smooth, circular animation that expands from the cursor, changing the button's color seamlessly.
Adjustable Properties
Background and Hover fill
Border and hover color
Font style
Radius
Transition
Link with New Tab