Skip to content

SplashGradientButton

Splash Gradient Button with Blob Motion

SplashGradientButton preview image 1

Summary

Splash Gradient Button with Blob Motion

Description

-----------------------------------------------------------------------------------------------

Add More Premium Components To Your Projects:

Key Features:

  • 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.

How to use:

  1. Drag the component onto your canvas.

  2. Adjust your Blob Colors to match your brand palette.

  3. Customize your padding and radius to fit your layout.

  4. Drop in your link, and you’re ready to go!

Rank history How rankings work →

12001400153828/149/49/2610/1811/9
  • All · #3990

Details

More like this