Flow Cursor
A flowing and fluid, reactive text animation powered by WebGL shaders. Add motion, atmosphere, and dimensionality to your headlines.
Make it with Workshop
Build your own component with AI
A flowing and fluid, reactive text animation powered by WebGL shaders. Add motion, atmosphere, and dimensionality to your headlines.
Make it with Workshop
Build your own component with AI
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
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
