Flow Cursor

Flow cursor and text effect brings cinematic motion to your typography with real-time fluid simulation and GPU shaders.

Flow cursor and text effect brings cinematic motion to your typography with real-time fluid simulation and GPU shaders. This component renders your custom text as a dynamic field of flow, reacting to pointer movement or autoplay animations. It also supports optional background image blending for dramatic visual depth. Built entirely in WebGL for high performance and maximum visual fidelity. Perfect for hero sections, splash pages, branding moments, and ambient storytelling all without writing any GLSL code yourself. Features GPU-accelerated WebGL rendering Custom text, font, and color controls Interactive flow simulation that reacts to mouse/touch Optional autoplay animation for hands-free visuals Background image support for deep blending effects High-DPI text mask with real-time updates Adjustable pointer sensitivity and flow dynamics Fully resizable and responsive layout Fluid, organic animation aesthetic with no performance compromise NEW effects modes added Use Cases Eye-catching hero headlines on landing pages Visual storytelling or brand intro moments Music/art portfolios with abstract ambient visuals Tech product pages that demand motion and mood Immersive interactive experiments and microsites

Real-time fluid mouse follow simulation