---
title: "Liquid Fluid Cursor — Free Framer component · Best of Framer"
description: "Free Framer component · by Sillyweb · Cursors. Cinematic fluid motion for Framer."
canonical: "https://framer.elliotli.dev/component/liquid-fluid-cursor"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Liquid Fluid Cursor

# Liquid Fluid Cursor

Interactive Cursor Effect

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

![Liquid Fluid Cursor preview image 1](https://framer.elliotli.dev/og/component/liquid-fluid-cursor/69c91a387e833309/1600x1200.jpg)

## Summary

Cinematic fluid motion for Framer.

## Description

Liquid Fluid Cursor is a high-performance WebGL liquid cursor effect for Framer. It reacts instantly to mouse movement, generating smooth, glowing, colorful fluid trails that swirl and dissipate behind the cursor — a cinematic upgrade over a static custom cursor.

Designed for modern SaaS landing pages, creative portfolios, Web3 apps, and immersive hero sections, this component delivers a polished, premium experience with buttery-smooth 60fps performance.

Explaining Liquid Fluid component

**✦ Key Features**

-   **Silky Smooth 60fps:** Lightweight WebGL rendering built for performance across desktop and touch devices.
    
-   **Custom Brand Palettes:** Set up to 8 custom colors to cycle sequentially, ensuring the fluid matches your brand identity.
    
-   **Cinematic Post-Processing:** Integrated Bloom, subtle 3D shading, and Volumetric Sunrays for a realistic glow.
    
-   **Idle Auto-Play Mode:** Automatically generates ever-changing fluid splats when the user is idle so your site feels alive immediately.
    
-   **Transparent Background:** Seamlessly layer the fluid over existing page content, images, or dark-mode sections.
    

Perfect for:

-   Dark-mode SaaS, AI, and tech landing pages
    
-   Creative portfolios and agency intros
    
-   Event and product-launch sites
    
-   Interactive backgrounds behind hero typography
    

Property Controls

-   **Physics:** Control Pressure, Swirl (Curl Strength), Splat Force, and Brush Size.
    
-   **Visuals & Dissipation:** Adjust fade speed, color cycle speed, and opacity.
    
-   **Lighting:** Toggle Bloom, Sunrays, and adjust simulation resolution.
    
-   Performance: lightweight WebGL rendering, built for a smooth 60fps.
    

**Questions:** [hello@sillyweb.in](mailto:hello@sillyweb.in)

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

-   All · #943

## Details

- **Author**: Sillyweb
- **Published**: 2026-04-02
- **Updated**: 2026-09-05
- **Added**: 2026-03-13
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…