How to make design like this

Please look at the below image and check
I need to make like this design but I don’t want use background as image
Look above blue cardview like that
I can use overlay extention but that blue arrangment (cardview) will be curve from both sides
Please let me know

1 Like

Yes, you can. Set cardview round.

Use Extension -

To Make That Background Blue Card.


You Can Ask For Help In Overlap If You Need.


use arrangement design extension for the vertical arrange(blue background) and set the bottom left corner and bottom right corner to what suite you, and for the card you can use decoration component to overlap the card on the arrangement.

Extension link please

1 Like

see these -

and -

also for overlapping it use this -


it is easy
use a a background like that purple
use cardveiw and inside that add a view pager
and for header add a HA add inside it use a label a textbox and a btn
if u need any help pm me regarding this

1 Like

This what I needed thanks for it , let me implement then I’ll let you know :slight_smile:


#off-topic The colors on the smartphone and notebook screen are completely different (I looked now at the notebook screen. The first image is not blue, but a purple. The second is a very light purple)


also you can put background of this type and components on it

thats wat i said

1 Like

sorry i didn’t read the comments :sweat_smile::sweat_smile:

1 Like

Thank you very much this worked !! can you tell me about overlay :slight_smile:

thank you everyone for helping
finally did it


Can you share .aia?

1 Like

yes @Victor_Ken is right it will help other users also

Why don’t you try to do it yourself?
Don’t like challenges?

I don’t think it’s the right way to help.


ShopyFilter.aia (2.9 MB)
anyways lll share
but by doing yourself you will understand and learn more


also if you want to make exactly same design then you can use elevation of cardview 10 and use decoration component to move cardview up a lil bit

1 Like