A simple web tool to generate SVG breaks 

See it live


Web development

Data visualisation

Product design

User interface

User experience

SVG waves can be used to create visual breaks on a page, or as a background texture. Creating waves with smooth curves can be tricky. Get waves is a simple, web app that aims to solve this issue by making it simple and fun to generate smooth, unique SVG section breaks. The concept is simple: choose the type of break, set the complexity and generate a unique break every time.

Spikes as an SVG break

Steps as an SVG break

We wanted designers and developers to be able to integrate this product in their workflow in a seamless way. To achieve that we provide three options to get wavess:

1. The code behind every wave can be copy pasted directly into any codebase.

2. Each wave can be downloaded as an svg and imported further into any design app.

3. For an even more integrated workflow for designers, we created a Get waves Figma plugin.

Download SVG wave or copy code.

The Get Waves figma plugin was installed over 26,000 times.

Get Waves was launched in August 2019 and became #1 product of the day and #3 product of the week on Product Hunt with an average rating of 5.0/5.

Get waves - A simple web app to generate svg waves, unique every time | Product Hunt Embed
Get waves - A simple web app to generate svg waves, unique every time | Product Hunt Embed

A Halloween makeover using a festive purple and orange color scheme.

Have a project in mind? Get in touch and let's make something cool. 

hello@zcreativelabs.comGet in touch


Sign up to get our latest articles on design, data visualization, and code directly in your inbox.

z creative labs GmbH
Sihlquai 131, 8005 Zurich


© 2020 z creative labs GmbH