Your budget

Prices in US dollars

Show 344 products up to $30

No. 069UI components

Mobile Bottom Navigation

Bottom navigation bars for mobile apps with three to five tabs, badges, a center action button and floating styles, in light and dark.

$7

Fits your $30 budget

  • Includes the Standard license: personal, commercial and client work for one person.
  • Instant download after payment, plus an email with links that stay active for 30 days.
  • Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
Contents
20 components
File formats
.fig, .sketch, .svg, .png
Supported software
Figma, Sketch
Download size
6 MB
Good for
  • Mobile app prototypes
  • Consumer and social apps
  • Delivery and booking apps

About this product

Labeled, icon-only, pill-indicator, floating and center-action bars are each built with three, four and five tabs, which gives 15 complete bars. Five tab-item components hold the active, inactive and pressed states, bringing the set to 20 components in light and dark themes. Every bar is 390 px wide with bottom safe-area padding, and notification badges switch on through a property.

Changing the tab count or the active screen is a variant property change, which keeps every screen of an app prototype in step. Twelve matching icons come in outline and filled pairs, also as SVG, so the active tab can switch to its filled icon without a second icon set.

What's inside

  • 20 components: 15 complete bars plus 5 tab items
  • Labeled, icon-only, pill, floating and center-action styles
  • 3-, 4- and 5-tab layouts for every style
  • Active, inactive and pressed tab states with badges
  • 390 px layouts with bottom safe-area padding
  • 12 navigation icons in outline and filled pairs, also as SVG

License

Standard license

Included with every purchase

For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.

Allowed

  • Design a client's website with a UI kit and hand over the finished site
  • Use the same asset in as many of your projects as you like
  • Build your startup's pitch deck from a presentation template
  • Use an icon set throughout your company's web app

Not allowed

  • Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
  • Uploading the files anywhere others can download or extract them, such as a public repository
  • Letting several people work from one Standard license (a Team license covers that)
  • Selling print-⁠on-⁠demand merchandise or templates built on the assets without an Extended license

Search by name, type, tag or app, for example “dashboard” or “Figma”.