Blue

Simple blue square with CSS border radius with two elements

.curve separator

Red

Simple red square with CSS border radius with two elements

Bubble

Simple dark blue square with CSS border radius with one

SVG Corners

This section uses a two svg elements created at https://app.haikei.app/

Dark-Blue

just a dark blue square as transition

.pink-wave-top

Pink

Pink box with SVG embedded in HTML at the top and bottom

.pink-wave-bottom

Peach & background SVG

This section uses a single svg background element created at https://app.haikei.app/

Red Blob

This section uses a single svg for backgound created at https://app.haikei.app/, which is flipped with CSS to be on top and bottom, then it uses two svg ements to create an animation using KUTE JS