https://github.com/anup-a/svgwave

SVG Wave is a tiny, free and beautiful SVG gradient waves generator for your next design.
https://github.com/anup-a/svgwave

design generator gradient hacktoberfest preact svg tailwindcss uidesign waves

Last synced: 3 days ago
JSON representation

SVG Wave is a tiny, free and beautiful SVG gradient waves generator for your next design.

• Host: GitHub
• URL: https://github.com/anup-a/svgwave
• Owner: anup-a
• License: other
• Created: 2020-10-05T06:07:25.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-01-20T06:51:10.000Z (about 1 year ago)
• Last Synced: 2025-01-20T12:02:53.352Z (10 days ago)
• Topics: design, generator, gradient, hacktoberfest, preact, svg, tailwindcss, uidesign, waves
• Language: JavaScript
• Homepage: https://www.svgwave.in
• Size: 3 MB
• Stars: 713
• Watchers: 6
• Forks: 72
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Just launched, checkout 🚀 - [Generate awesome vector svg backgrounds and patterns](https://creatica.app)










### 🌊 [SVG Wave](https://www.svgwave.in) - A tiny, customizable gradient SVG wave generator

![](./svgwavecover.png)



SVG Wave is a **tiny, free and beautiful gradient SVG waves generator** for your UI or website desgin. It offers dead simple UI to customize, and style your waves based on your theme specifications.

SVG Wave is a tiny UI tool built with **Preact, tailwind and bundled with Webpack**. ⚛

---

### 💡 Update 1 - Added animation support, enable animation by simple click and export as SVG.

### 💡 Update 2 ! - New Gradient Wave Support 🌈

### Features

 - Adjust number of layers of waves 🏢

 - Modify the number of crest and trough ➰

 - Change Colors of waves 🎨

 - Export as SVG or PNG ⬇

 - Randomize 🔁

 - New cool Dark mode 🖤

 - Gradient fill to waves 🌈

 - Added Animations

 - Coming soon...

  

---

### App ⭐

![](updated_svg_wave.png)

![](bg.png)

---

### Contributions & Hacktoberfest ❤

We whole heartedly welcome new contributions either fixing a issue, adding a new customization or simply improving the stylings.

We truly ❤️ pull requests! If you wish to help, you can learn more about how you can contribute to this project in the contribution guide.

Give a star if you like It.👍

---

### Contributors

- [anup-a](https://github.com/anup-a)

- [kychok98](https://github.com/kychok98)

- [yencolon](https://github.com/yencolon)

- [Remakh](https://github.com/Remakh)

- [ansh-les](https://github.com/ansh-les)

- [ansh-saini](https://github.com/ansh-saini)