Skip to content

component

Liquid Splash

By Rohit Anand

Details

Summary

Liquid Background Framer Component

Description

Liquid Background Bring your Framer websites to life with a smooth, interactive fluid background that reacts naturally to your cursor. Liquid Background creates colorful, flowing liquid effects using WebGL, giving your hero sections and landing pages a premium, dynamic feel without requiring external libraries or complicated setup. Preview Here: https://liquidsplash.framer.ai/ Gumroad URL: https://rohitanand.gumroad.com/l/gnvxc?wanted=true Features Interactive cursor-based fluid animation Smooth WebGL-powered rendering Custom fluid colors Rainbow color mode Adjustable brightness and light intensity Custom background color Adjustable shading Control fluid force and splash radius Adjustable color animation speed Density and velocity fade controls Adjustable curl and fluid movement Transparent background support Responsive across screen sizes Touch interaction support Fully customizable through Framer Property Controls Perfect For SaaS websites Creative portfolios Agency websites Web3 and crypto websites AI products Digital products Creative landing pages Developer portfolios Interactive hero sections Easy To Customize Everything is controlled directly from Framer, so you can quickly match the effect to your brand. Change the color, brightness, lighting, rainbow mode, fluid movement, intensity, shading, background, and interaction settings without touching the code. Built For Framer Drop the component onto your page, customize the settings, and you're ready to go. Create a more immersive first impression with a fluid background that moves with your visitors.

Introduction

Liquid Background Framer Component

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600179818/218/279/29/89/15
  • All · #5706