domains / families / design / shaders-cursor-ripples

shaders-cursor-ripples

separate

Add cursor-following fluid WebGPU distortion over an existing image with the Shaders library's ImageTexture and CursorRipples components. Use when a hero, gallery, or media panel needs a water-ripple mouse effect; when replacing a drifting CSS spotlight or flashlight reveal; or when a prompt says to borrow only the shader interaction from a Shaders.com reference while preserving the current brand, image, copy, and layout.

When to use

• cursor-following fluid WebGPU distortion
• water-ripple mouse effect
• replacing drifting CSS spotlight or flashlight reveal
• borrowing shader interaction from Shaders.com reference
• hero, gallery, or media panel effects

When not to use

• copying reference ribbon, blob, glow, typography, layout, copy, colors, or identity
• substituting the Shaders Water component
• adding SolidColor, Blob, Form3D, GaborNoise, or Glow generators unless explicitly requested

Skill page

Source