---
title: "Liquid Ether FX — Free Framer component · Best of Framer"
description: "Free Framer component · by Francisc Toth · Backgrounds. Mesmerising liquid ether background for Framer powered by WebGL shaders."
canonical: "https://framer.elliotli.dev/component/liquid-ether-fx"
---

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

# Liquid Ether FX

Fluid liquid shader background

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

![Liquid Ether FX preview image 1](https://framer.elliotli.dev/og/component/liquid-ether-fx/7f4a5ff6c95e6586/1600x1200.jpg)

## Summary

Mesmerising liquid ether background for Framer powered by WebGL shaders.

## Description

Mesmerising liquid ether background for Framer powered by WebGL shaders. Organic flowing shapes with stunning mouse interactions.

### 6 Interactive Effects:

-   Aurora - Smooth trailing glow that follows your cursor
    
-   Ripple - Expanding waves emanating from cursor
    
-   Attract - Pulls liquid toward cursor like a magnet
    
-   Repel - Pushes liquid away from cursor
    
-   Spotlight - Illuminates area under cursor
    
-   Vortex - Swirling motion around cursor
    

### Features:

-   3-color gradient customisation
    
-   Custom background color
    
-   Adjustable speed & scale
    
-   Intensity control
    
-   Smooth 60fps performance
    
-   GPU-accelerated
    

### Perfect for:

-   Hero sections
    
-   Landing pages
    
-   Dark mode websites
    
-   Creative portfolios
    
-   SaaS & tech sites
    
-   Agency websites
    

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

-   All · #6682

## Details

- **Author**: Francisc Toth
- **Published**: 2025-12-02
- **Updated**: 2026-09-14
- **Added**: 2025-11-27
- **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