Our free WordPress themes are downloaded over 7 MILLION times. Get them now!
Templates

Tabs V04

tabs v04

Template Details

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Description

A phone-sized travel app card with a bottom tab bar for Home, Search, Saved and Profile. Each tab has an inline SVG icon and a label, and the selected one gets a tinted pill and a filled icon. Every screen scrolls on its own, so the bar stays fixed at the bottom.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 387 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

  • Material-style pill highlight on the selected icon
  • Independently scrolling screens with a fixed tab bar
  • Inline SVG icons, no icon font
  • Arrow, Home and End keys with roving tabindex
  • Local photos with width and height set to avoid layout shift
Download
Preview
Back To Top

Download this template

Enter your email to get the free download link. We'll also send you occasional updates about new templates.

If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at [email protected]. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.