TabBar: one component, infinite combinations

by GoodBarber

GoodBarber is a mobile app builder for iOS, Android and PWA. Every TabBar in this shot is the same component. None of these TabBars was drawn twice. What changes is the settings: how the container behaves, how the selected tab is marked, how icons and labels are treated. The wireframe pass strips the styling away and leaves the mechanics. App creators choose between three delivered layouts, Bold, Minimal and Clean. What you see here is the range the component itself covers. https://www.goodbarber.com/uxdesign/