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

POWER your tab component with a super simple script that makes them auto-rotate. This means you retain user control, and can easily add TAB CHANGE interactions. Perfect for platform demos, explainers, testimonials etc. Let your users browse through content freely.

Based on work from - pepperclip.com

⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
⦿Typography available under SIL Open Font License 1.1 (Inter)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Webflow Auto Rotating Tabs

Webflow Tab Auto Rotation

Add interest to your content section with this easily editable slider section. Auto Rotate and give your users the ability to control the information.

NOTE - Custom code is located in page settings for the tab change

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

Brand: 
⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Figma @ www.figma.com/@flowbase

Insights:
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/tsbekkers

Webflow Slider Content

🟢 Webflow Content Slider

A cursor addicted dog illustrated entirely from HTML <div> elements and fed a healthy diet of CSS and JS to keep him active. 

Inspired by Petter Pentilä's Dribbble shot, tweaked to resemble my own beloved pooch and built without writing a single line of code in Webflow.

Div Dog

Part of the Tiny-Resources project:
https://www.tiny-resources.com/elements/auto-change-tabs-2

Auto Change Tabs 2.0

Displaying a tab list as a dropdown menu that shows current tab and changes on click :D

No-Code Tab Dropdown

NoCode - Tab List as Dropdown

I had a blast creating this website for my local church and utilizing the CMS in several ways for news posts and sermons, with future blogs and API driven events collections planned for future updates!

Cottage Grove Church (8/4/23 - Pre Workspace Transfer)

Cottage Grove Church

Some custom code to add and remove additional field in a form.

Add-a-Field Form

Combine both slider and tabs functionalities together to give the best user experience.

Slider + tabs (Change slides with arrows and tab links)

Just out for a spin on a new stallion made of pure carbon fiber <div> blocks with a celeste livery of CSS and JS.

Inspired by my passion for cycling and handcrafted without writing a single line of code in Webflow.

Div Bike

A CMS-based approach to visualizing the different roles you played within a project. This uses a simple toggle field for each type of role, and conditional visibility to show a version of the dot as active or inactive.