Fluid Button
A modern, interactive button that combines smooth pulse and slide animations for an elegant hover effect. Built for Framer creators who want motion that feels fluid, not flashy.
Make it with Workshop
Build your own component with AI
About this Component
The Fluid Button adds a polished, interactive feel to your Framer projects. When hovered, it gently pulses to draw attention and smoothly slides its text upward, creating a clean motion transition. The animation feels natural and balanced — ideal for modern landing pages, portfolios, or product sites.
This component includes:
Pulse & Slide Hover Animation – Subtle motion that enhances user engagement
Customizable Text, Colors & Border – Adjust to match your brand or theme
Simple to Use – Just drop it into your Framer project and connect your link
Responsive by Default – Looks great across all screen sizes
Perfect for designers and developers who want to add a refined, dynamic touch to their CTAs without writing a single line of code.
If you encounter the following bug while pasting the component, just do as shown in the video (Press "Align Horizontally")
