---
title: "LiquidFluxLoader — Free Framer component · Best of Framer"
description: "Free Framer component · by mehul · Loaders. Fluid WebGL loader with magnetic motion"
canonical: "https://framer.elliotli.dev/component/liquidfluxloader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/LiquidFluxLoader

# LiquidFluxLoader

Fluid WebGL loader with magnetic motion

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

![LiquidFluxLoader preview image 1](https://framer.elliotli.dev/og/component/liquidfluxloader/dfc17b177a7a31b6/1600x1200.jpg)

## Summary

Fluid WebGL loader with magnetic motion

## Description

### Liquid Flux Loader is a premium, highly interactive loading component designed for modern web experiences. It blends SVG morphing, GPU-accelerated shader effects, and smooth cursor-based interaction into one cohesive system.Key Features

-   Adaptive Scale Mode (Fixed & Fill)
    
-   Smooth Magnetic Interaction
    
-   WebGL Shader Aura
    
-   Liquid Morphing Shapes
    
-   Customizable Glow (Blur & Opacity)
    
-   Performance Optimized Rendering
    

### Controls

-   Appearance (Size, Shape, Colors, Background)
    
-   Motion (Animation, Intensity, Magnetic, Reverse)
    
-   Effects (Shader, Glow, Particles, Morph, Optimization)
    
-   Center Text (Typography, Color, Opacity)
    

### Use Cases

-   Landing page loaders
    
-   App loading states
    
-   Hero section animations
    
-   Premium UI interactions
    

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

-   All · #5149

## Details

- **Author**: mehul
- **Published**: 2026-05-12
- **Updated**: 2026-05-12
- **Added**: 2026-04-29
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story