Automatic Tabs

Hello! 👋

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Interactions
CMS
Boosters

Automatic Tabs

Use the Refokus Automatic Tabs tool to enhance the behaviour of the native tab component in Webflow, by automatically navigating through the individual tab panes.
Step #1

Copy the

Automatic Tabs

<script> and paste it before the </body> of your page

Copy Script Code
<script
src=
"
https://tools.refokus.com/automatic-tabs/bundle.v1.0.0.js"
"
></script>
<script src="https://tools.refokus.com/automatic-tabs/bundle.v1.0.0.js"></script>
Copy Text to Clipboard
Copied!
Step #2

Set Custom Attributes

Everything is made using custom attributes, so when we say “Add” that means "Add a custom attribute”.
Learn more
Create your Tabs Component animations inside of Webflow
Add a Custom Attribute to the Tabs Component Menu element
General Notes
Step #3

Publish your site to the staging domain to test the tool is working.

Clonable Demo

Publish your site to the staging domain to test the tool is working.

Thank you!
Oops! Something went wrong while submitting the form.
Give us feedback
Share on LinkedInShare on TwitterShare via URL
Other Webflow tools you might be interested in
Back to directory
CMS Tabs
Create powerful tabs where the tab menu and content are managed from a CMS.
Link to tool
Image Magnifier
Image Magnifier is a custom development that allows you to zoom the image when the cursor is on it.
Link to tool
Copy to Clipboard
Create a button that will copy any piece of text, including links, to the clipboard.
Link to tool