Sliders, Carousels, and Tabs - A Webflow Tutorial

- NEW SKILLSHARE CLASS -
Hey all! I just launched a new course called "Webflow for Beginners". Most of the tutorials I do on YouTube are for intermediate users. But, I wanted to do something for folks starting from scratch. Click the link below to get 2 months of Skillshare Premium for free and be able to watch the course:

- ABOUT -
Sliders and tabs are powerful components in webflow, but they can be a little hard to learn how to use. In this tutorial, we cover both while developing a fictional coworking company's website.

- CHAPTERS -
First Slider: 00:02:47
Second Slider: 00:33:41
Amenities Tab: 00:51:20
Multiply Blend Mode: 1:10:32

- PHOTOS -

- WEBFLOW -

Live Site
*Quick note. I consolidated all of the tutorials into one project and lost some stylings along the way. But the core functionality is still there.

Read Only Link

Clone Site

- RESOURCES -

Object Fit

Multiply Blend Mode

Tabs Autoplay Code

Font

- ABOUT ME -

[ArtSzabo]

Absolutely love this! Don't worry about the length of the tut it's more than worth it. It's great to see a workflow that makes sense and there are lots of little tips and tricks throughout!

[nathandennis]

I've always wondered how to get great looking drop shadows, completely never thought of adding more than one drop shadow at a time! Thanks for the great video!

[erikakaishi]

Wow! That tutorial saved my life. I spent many many hours trying to build a one-step slider and your video made me build it in some minutes. a lot!

[samsonkirigua]

Brilliant!!! Lots of great tips hidden inside the video. Thanks Jose!

[samueljaramillo]

dude! Kudos to you, your skillset is awesome and the workflow is neat and consistent, THANK YOU

[BigheadSinan]

Just amazing. Please keep going Jose!!

[TheKetoSurvivor]

Dude! Your tutorials are amazing! SUBSCRIBED! My only request for the suggestion box would be to show the responsive adjustments to the layout as well. To see how things could and work tablet and mobile. Thanks.

[renieljustincole]

As someone new to web dev space and Webflow, this is very helpful. Thank you!

[rubenn]

Just started using webflow, this tutorial was so helpful, thank you!

[francoisventer]

Absolutely Magical! Thank you so much!

[dakornchamraskul]

I'm new to Webflow and this video is so much HELPFUL to me! Thank you so sooo much for this awesome, thorough, step by step tutorial! Please keep more Webflow tutorials coming!

[ragemydream]

These videos are very detailed and helpful. Thank you Jose

[darknoise]

Great tutorial. I`ve been looking to this for a while, how to style sliders and tabs... and i mean deep styling not just colors and fonts. Thank you very much.

[krishjohn]

Thank you so much for tips, tricks and opportunity to learn from you. I really like your tutorials, they provide a lot of value because you teach unique things. There are really not many great and systematic Webflow tutorials available on YouTube. Your videos are really easy to follow and explanations are super clear. The only thing I've been missing is how you would transform some of the sections to mobile. You should consider launching a complete Webflow course, you could make hundreds of thousands that way, I believe.

[IsaacFifth]

Great content man! thanks for sharing 🙌

[HelielBraga]

The best video I ever seen… thank you for delivering so much!

[CamilleM]

Your tutorial helped me a lot!! Thank you :)

[vegas]

ty Man! you realy help me to make my autoplay tabs in webflow! God bless you!

[webdeveloperinprogres]

Great job. Thanks men. Just keep going...It's very helpfull...

[tatumevans]

best webflow tutorial i've seen so far