How to make design like this

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

Strange as it may seem, I understand the blocks a little and I don’t know the logic. Only when I see the logic and that I will understand everything.

But thank you very much, it proceeds a lot.