---
title: "Liquid Splash — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Rohit Anand · Backgrounds. Liquid Background Framer Component"
canonical: "https://framer.elliotli.dev/component/liquid-splash"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Liquid Splash

# Liquid Splash

Liquid Background Framer Component

[View on Framer](https://framer.com/marketplace/components/liquid-splash/?via=elliot-li)

![Liquid Splash preview image 1](https://framer.elliotli.dev/og/component/liquid-splash/f5e26bcac9160649/1600x1067.jpg)

## 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/](https://liquidsplash.framer.ai/?editSite)

Gumroad URL:[https://rohitanand.gumroad.com/l/gnvxc?wanted=true](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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8075

## Details

- **Author**: Rohit Anand
- **Price**: $10.00
- **Published**: 2026-08-21
- **Updated**: 2026-08-21
- **Added**: 2026-08-21
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background