Discover the best tab-menu websites created by professional designers. Get inspired and start planning your perfect tab-menu web design today!

With the Tabs element in Webflow, you're limited to having the Tab Menu buttons either directly above or below your Tab Panes.

This tutorial shows you how you can use regular Buttons as Tab Buttons, thus allowing you to place those buttons anywhere on your page!

Custom Tab Buttons

custom-tab-buttons

Tab style nav

Cog wheels are made only with CSS :)

Rotating cogs

Tabs style menu - Rotating cogs

Continue my #MadeInWebflow fun 😊  Expanding responsive tabs/menu Created by using Webflowapp interactions (inspired by codepen example https://tympanus.net/Development/ExpandingBarMenus/index.html)

Expanding navigation

expanding-navigation

Flowcraft

Here's a tab style I created for a recent project.

There's a basic IX2.0 hover color change on the tab menu items, however I can't (without custom code) style the prefix text when a tab is active.

I know it's a simple CSS line in some custom code, but was wondering if anyone knew of a Webflow way to do it!  The lack of .parent .child { css:rues; } in Webflow is a bit of a pain!

Tabs

Tabs Style

A sliding background element placed behind the tabs menu. No custom code, only IX.2

Sliding Tab Menu Element

Sliding Tab Menu

Quick example of how to use the tabs widget as a hero menu.  I have added a little custom code to the Before Body panel in page settings, to click the tab links on hover, triggering the Tab on open/close interaction.

Tabs Widget Hero Menu

Example Hero Menu using Tabs

𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄:

Simple tab system with flexible top tab menu. Add your own content into these tabs and save time building

-------------

Discover the world's largest collection of Webflow components.

⭐ flowbase.co/explore

Instantly copy from our huge library with a single click. Premium components that help you solve problems faster. 

Become a member today!
⭐ flowbase.co/club

Discover tab menu websites built by the Webflow community

Discover tab menu websites built by the Webflow community