Liquid Button
An interactive button component featuring a smooth liquid animation that dynamically responds to mouse movement.
Make it with Workshop
Build your own component with AI
An interactive button component featuring a smooth liquid animation that dynamically responds to mouse movement.
Make it with Workshop
Build your own component with AI
Dynamic Liquid Animation
Creates an interactive jelly-like surface that ripples naturally with cursor movement.
• Custom Text
Add button labels with full control over font, weight, size, and color.
• Color Control
Customize both foreground and background layers, including gradient fills and stroke colors.
• Responsive Press States
Smoothly scale and fade the button on press for tactile feedback.
• Fine-Tuned Motion
Adjust viscosity, tension, and mouse force limits for realistic fluid response.
• Padding & Layout
Precisely control padding, margins, and spacing for pixel-perfect placement.
• Hover & Gradient Effects
Animate gradients and highlights dynamically on hover.
• Link & Event Support
Attach URLs or trigger Framer actions on click.
• Accessibility Ready
Add ARIA labels for improved screen reader support.
• Performance Optimized
Efficiently rendered with SVG for smooth, real-time animation.
I want you to be completely satisfied with your purchase. If for any reason you are not happy with your framer component, you may request a refund within 14 days of receiving your order. To be eligible for a refund, you must provide a reason for the return. Please contact me at bluemmxx@protonmail.com
Need help? Reach out anytime — I’m happy to assist.
