Liquid Fluid Cursor

Cinematic fluid motion for Framer.

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

Interactive Cursor Effect