Waves

Generate SVG

https://getwaves.io/

Wave 1

Wave 2

Animation

Animate overlapping SVG waves by using CSS @keyframes with transform: translateX() to create a smooth wave motion

Preview

Samples

MRG site waves