• css
  • canvas
  • animation
  • background
  • react
  • typescript
  • javascript

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

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.

By Keiver HernandezPublished



Select Origin PositionSelected origin position: Bottom Right

Configure Lines

Configure Waves

Sample code here.