How to create ui experience like this

I’ve already tried, but the results were bad.

Why not u show us, what u have tried so far?

Depends on how you used the CardViews. You should use percentages, Responsive screen sizing and other things.

1 Like

I also tried to create one like this, but it was bad, too.

Looks good.

If you are creative enough you can make better than this with some logic.

This is ok for now. Now, add the “rounded” feature.

Set rounded to e.g. 20 and see what happens.
Also, use different colors and Drag a Decoration Component in.

Then, set for all these, a margin for setting the space between them.

Show us the result.

1 Like

This is good no idea of why it should be

:ok_hand:

The second design is not mine.

Oh. Yes, ok. But it’s possible with Kodular. It’s much easier than the first one.

I recommend this extension instead of using Card View.

1 Like

This extension have no relationship with card view. It only make colour gradient. Card view is still needed.

No, It is also used to make curved layouts.

The image had plenty of curves, that’s why I recommended it.
Card View is not good for making corner radius.
… because it kills responsiveness.

???

Btw, I think you’ve shared the wrong link. I also used this extension but there is no curved layout.

image

Yes. there is.

Ok, but this extension only work on arrangement, so he has to make every arrangement for every image?

Yes. but there is no other way.
Its atleast better than Card View for the purpose.

I did similar to that long back

2 Likes

Yes this looks very good. Use white colour instead of the grey background. It will work, bc you have the shadows/elevations around the circles. They won’t be invisible. Try it out, bc I really don’t like the grey color.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.