Wave Generator

Create stunning animated wave SVGs for your GitHub README

Wave Generator

Wave Type

Choose the style of wave animation

Quick Presets

Common wave configurations

Generated Code
markdown Code
![Wave Animation](https://waveify.onrender.com/api/wave?color=%23007CF0&height=150&speed=4&width=1200&amplitude=20&frequency=2&waveType=default)
Live Preview
1200×150 • 4s speed
1200×150
Animation Controls
4s cycle
Speed:4s
Generated Code
markdown Code
![Wave Animation](https://waveify.onrender.com/api/wave?color=%23007CF0&height=150&speed=4&width=1200&amplitude=20&frequency=2&waveType=default)
Implementation Tips

For GitHub README:

Place the markdown code at the top of your README.md file for the best visual impact.

Responsive Design:

The SVG automatically scales to fit container width while maintaining aspect ratio.

Performance:

SVG animations are lightweight and won't impact page load times significantly.