SplashGradientButton
The perfect blend of organic motion and precise control.
Most buttons feel static, but the Liquid Motion Button uses a series of animated radial gradients to create a living, breathing interface element. It is designed for designers who want that "extra 10%" of polish without touching a line of code.
Organic "Blob" Animation: Uses a randomized motion pattern for a fluid, liquid-like background effect.
Custom SVG Integration: Simply paste your SVG code to swap icons instantly.
Interactive Hover States: Smoothly transitions background and text colors for a tactile user experience.
Tailored Typography: Integrated with Framer’s font picker for total brand alignment.
Responsive & Lightweight: Built with clean React code and Framer Motion for buttery-smooth performance.
Drag the component onto your canvas.
Adjust your Blob Colors to match your brand palette.
Customize your padding and radius to fit your layout.
Drop in your link, and you’re ready to go!
Saadat Ali
