MDB waves generator

Easily generate beautiful SVG shapes and apply them to your design
        
            
              <div class="position-relative">
                <div
                  class="svg-wrapper bg-image shadow-1-strong rounded-lg"
                  style="
                    background-image: url('https://mdbcdn.b-cdn.net/img/new/slides/026.webp');
                    height: 400px;
                  "
                >
                  <svg
                    data-name="Layer 1"
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 1200 120"
                    preserveAspectRatio="none"
                    class="svg"
                    :style="shapeStyle"
                  >
                    <path v-bind:d="d"></path>
                  </svg>
                </div>
              </div>
            
        
    

Shape

Flip

How to use it?

1. Download MDB 5 - free UI KIT

2. Create the shape you like

3. Copy the generated code and paste it into the MDB project

MDB 5 - Bootstrap 5 & Material Design UI Kit