Menu UI design ?

If I design a widget menu with images, I’m wondering what the best practice is to not distort them when stretching / filling ? Such as if it has round edges and fill gradient etc.

For borders, you could take advantage of the 9 scale box system, have a look at the Setting Image Stats section somewhere mid-page.

For the dynamic gradient, perhaps you could do it in material.

Thanks will give it a try.