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 addedUse 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