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.