A floating tab bar sits on top of whatever page you're browsing — a translucent strip that you can show, hide, or interact with without leaving the current page. It's like having a dock for your tabs that's always within reach.
This guide walks you through setting one up with HorizantalTabs, a Chrome extension that supports both popup and floating display modes.
What a Floating Tab Bar Looks Like
Imagine you're reading a long article. At the top (or bottom) of the page, there's a slim horizontal strip showing all your open tabs. Each tab displays its favicon and title. You can scroll the strip, search for a tab, or click one to switch — all without the strip covering the page content. When you don't need it, you can collapse it to a thin edge or hide it entirely.
The floating bar overlays the current page rather than replacing it. It's a layer on top of the website, not a separate window.
Step-by-Step Setup
1. Install HorizantalTabs
Open the Chrome Web Store listing and click "Add to Chrome." Grant the requested permissions — the extension needs access to your tabs to display them, and access to pages to render the floating overlay.
2. Open the Extension
Click the HorizantalTabs icon in your Chrome toolbar. By default, it opens in popup mode — a dropdown panel showing your tabs.
3. Switch to Floating Mode
In the extension toolbar, look for the collapse/expand icon (the double chevron). Click it to activate floating mode. The tab bar will detach from the popup and appear as a floating strip on the current page.
You can also find this setting in the extension's options: click the gear icon and toggle "Display mode" to "Floating bar."
4. Position the Bar
The floating bar appears at the top of the page by default. You can:
- Move it — Drag the bar to reposition it at the top, bottom, or anywhere on the page.
- Resize it — The bar width adjusts to your browser window. On narrower screens, it scrolls horizontally.
- Collapse it — Click the collapse toggle to shrink the bar to a minimal strip, then expand when needed.
5. Use It
With the floating bar active, you can:
- Switch tabs — Click any tab in the strip to jump to it.
- Search — Click the search icon and type to filter tabs by title or URL.
- Close tabs — Hover and click X on any tab.
- Drag to reorder — Rearrange tabs directly in the strip.
- See groups — Chrome Tab Groups appear as colored chips alongside the tabs.
Floating Bar vs. Popup Mode
HorizantalTabs offers both display modes. Here's when each makes sense:
Use Floating Mode When:
- You switch tabs very frequently (every few minutes)
- You want the tab bar always visible without clicking an icon
- You're working in a research-heavy flow where you jump between many tabs
- You have enough vertical screen space that the bar doesn't crowd the content
Use Popup Mode When:
- You prefer a clean page without overlays
- You switch tabs less frequently
- You're on a smaller screen and need every pixel of vertical space
- You only need the tab bar occasionally to find a specific tab
You can switch between modes at any time — it's a one-click toggle.
Tips for Getting the Most Out of Floating Mode
- Use keyboard shortcuts — Set a shortcut (via chrome://extensions/shortcuts) to toggle the floating bar on and off. This is the fastest way to show the bar when you need it and hide it when you don't.
- Pair with Tab Groups — Use Chrome's native Tab Groups to color-code your tabs. The floating bar displays these groups, giving you organized categories in a readable strip.
- Dark mode — The floating bar respects your theme setting. On dark-themed sites, the bar blends in with a dark translucent background. On light sites, it switches to a light theme.
Does It Work on Every Site?
The floating bar works on virtually all regular web pages. There are a few exceptions where Chrome doesn't allow extensions to inject content:
chrome://pages (settings, extensions, etc.)- The Chrome Web Store
- The New Tab page (unless you've set a custom one)
On these pages, you can still use the popup mode by clicking the extension icon. On every other site, the floating bar works as expected.
Performance
The floating bar is rendered as a lightweight overlay. It doesn't reload when the page scrolls, doesn't interfere with the page's JavaScript, and adds negligible memory usage. If you're worried about performance impact — in practice, it's invisible in Chrome's task manager.