Drawing particles and rippling waves on HTML Canvas. React hook.

By Keiver, on 01/05/2025, about: css, canvas, animation, background, react, typescript, javascript

A React hook that generates an animated canvas background featuring two visual effects: a dynamic particle systems for drawing lines and rippling waves for a depth effect.



Select Origin PositionSelected origin position: Bottom Right

Configure Lines

Configure Waves

Sample codeĀ here.