Liquid Fluid Cursor

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.

✦ 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