---
title: "Liquid Effect — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Kevin Levron · Backgrounds. Liquid Effect is an interactive water simulation using ThreeJS / WebGL."
canonical: "https://framer.elliotli.dev/component/liquid-effect"
---

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

# Liquid Effect

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

![Liquid Effect preview image 1](https://framer.elliotli.dev/og/component/liquid-effect/29819a2f043d1945/1600x1200.jpg)

## Summary

Liquid Effect is an interactive water simulation using ThreeJS / WebGL.

## Description

Liquid Effect is an interactive water simulation using ThreeJS / WebGL.

This component can be easily integrated into your projects. It is lightweight and optimized for performance, ensuring smooth animation without compromising the user experience.

It is customizable to fit your design needs :

-   Liquid attenuation : the greater the attenuation, the slower the liquid motion
    
-   Liquid refraction : the greater the refraction, the more distorted the background will be
    
-   Background image
    
-   Environment intensity
    
-   Metalness
    
-   Roughness
    
-   Rain Time : how many time between raindrops
    

Includes :

-   Framer Component
    
-   Example Project Remix
    
-   Email support
    

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

-   All · #7751

## Details

- **Author**: Kevin Levron
- **Price**: $10.00
- **Published**: 2025-10-14
- **Updated**: 2025-11-19
- **Added**: 2025-10-07
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background