Surge Button
Component
Last Update: Apr 16, 2025
Free
Overview
The SurgeButton component creates dynamic and engaging button interactions through smooth bottom-to-top color transitions on hover. It transforms standard buttons into interactive elements by elegantly shifting text upward while a new background color surges from the bottom.
Customizable Features
Native Font style
Transition
Primary & Surge color
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.
Need Something Custom?
Got a unique idea that’s not covered by our current components? We’ll build a custom Framer component just for you — no limits, no stress. Let us know what you need, and we’ll take it from there.