Introducing the Tabs component!

Announcements Updates
1

Hey guys, we’re proud to announce that the Tabs component is now available in Webflow! I know a lot of you have tried to mimic tabs with our Interactions feature, but now it’s a billion times easier. And Tabs are fully integrated with Interactions, so you can create some really awesome effects when switching tabs.

For example, here’s a video of @Mat recreating the fancy tabs we have on the Webflow.com homepage:

You can read more details on our blog: http://blog.webflow.com/introducing-tabs-and-custom-fonts

Let us know if you run into any bugs, or have any usability improvements for us. We’re still working on ironing out some issues with turning Tabs into symbols, but a fix should be around the corner.

Big shoutout to @danro for getting this implemented! :slight_smile:

12 Likes
2

Great work guys! Advancements like these are always appreciated!

J

3

Really appreciate all the new updates. Great job @danro et al.

4

Another great feature added !! Excellent work WF Team !!! Thanks so much for this and looking forward to more advances in the future !! You’re going to make all of us look good !! :smile:

5

Really cool feature guys! This is a great solution for sections where you have big texts to layout. Looks cool and simple, just the way it is nice to be.

Thank you!

6

Great, thanks! Kudos for the email announcing tabs and web fonts, it’s very nicely designed.

7

Great!!
Keep up the good work, this is just getting better and better.

8

I just want to say thank you very much for this widget. I really appreciate what you guys are doing :smiley:

9

Awesome…Webflow gets better each day…Kudos to webflow team

10

Did I just saw on video interactions with Slider Trigger…? Great news btw:))

11

Hi, yes now there is a new trigger for slider, you can animate elements on slide into view event and slide out of view event.

We are working on some docs for this slider trigger for the interactions :slight_smile: Cheers

12

Very cool feature. Thanks guys. Anyway you can demo how this new tab feature reacts/looks on small devices - portrait phone for example?

14

Absolutely! Take a look at the examples we created here: http://tabs.webflow.com/

They all have tweaks made to perform at their best on mobile. Be sure to check out the Public Link as well: Webflow - Webflow Tabs

Hope this helps!

Mat

15

Cool! Thanks. I see how you stacked them for phone portrait view. I was wondering how you were going to do that.

16

fyi @callmevlad the tabs preview link on this page http://help.webflow.com/websites-built-in-webflow goes to the interactions preview

17

Tabs are a great addition to the webflow kit - thank you!
Q: Is it possible to do a crossfade or use options in the slider transitions on the tabs component or only the fade out and then fade in?

18

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.

Please create a new linked topic if you have further questions.