Bars - Fully customizable iOS and Android status bars

Fully customizable iOS and Android status bars for Figma and Adobe XD

This Status Bar Component is available for iPhones and iPads, as well as Android phones and tablets, and it offers optimal customizability and adjustability for the status of Wi-Fi, data, Bluetooth, and battery. The purpose behind the Status Bar Component is to allow you to display the different potential states of your design pages on mobile devices. Available for Figma and Adobe XD.

The design files include the following:

  • iPhone Status Bar

  • Android Status Bar.

  • iPad Status Bar.

  • Android Tablet Status Bar.

The component supports the following modifications:

  • Time and Date.

  • Mobile network and data coverage.

  • Wi-Fi network connection.

  • Bluetooth, and connecting to other devices.

  • Battery and its different levels.

  • Colors and dark mode.

👉 With this component, you can easily tweak the Wi-Fi status, network coverage, Bluetooth pairing, and/or battery level. You can also display more details to the design in order to make it more vivid and lively, rather than simply pasting the bar into oblivion at the top edge of your pages.

Download for free!

The Figma and Adobe XD design files of the Status Bar Component are available to download for free via Gumroad at this link: https://ragab.gumroad.com/l/bars

You can also get the Figma component from the Figma Community via this link: https://bit.ly/3dgSBf9

Read more about the story behind building this component at my website from this link: https://ragab.design/bars

If you find this component useful on a professional level, don’t forget to share it with other designers in your circles.

Thanks in advance!

Connect with me through... Behance ⌇ Dribbble ⌇ LinkedIn ⌇ Twitter ⌇ Instagram ⌇ YouTube

Bars — Adobe XD [Ragab.Design].xd
9 MB
Download
Bars — Figma [Ragab.Design].fig
6 MB
Download

More by Ahmad Ragab

View profile