Adobe XD to Glide

Is it possible to make a floating bar like this? Of not being able to be. Can the color of the bar of my app be changed?

I think this is the closest I can get.


[id="tabBar"] .tbs-inner {
width: 90%;
background-color: cyan;
border-radius: 15px;

The filling for each icon and text is more tricky since there’s active and inactive states so I don’t include it here.

Also, you would have to include the code in every details screen.


I have some css for this, as soon as it is on my computer I write it here.


That really looks great. It is not exactly the same but it looks excellent. Thanks friend!

Ok, this seriously looks a lot better. Do you share the method?


    margin-right: 10px;
    margin-left: 10px;
    height: 75px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: [COLOR];
    border-radius: 30px;


You are very good with CSS. Congratulations and thanks for sharing!

Another query. How do you give the buttons that round look?

Umm… I’d love Figma to Glide


It would be amazing.

1 Like