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

Arobase Creative

UPDATE - NOW RESPONSIVE

Cloneable Interactive 5-step process infographic with clickable steps. Uses webflow tabs element and custom buttons to control the navigation. Includes walkthrough 

Interactive Infographic Walkthrough

Responsive Interactive Infographic

ScrollTrigger Sticky CMS Tabs

Sticky Scroll CMS Tabs with GSAP ScrollTrigger

Recreation of https://ckms.design hero section as a personal challenge. Project list loads up and filters from a CMS collection.

I do not own the rights to the content.

Owners of the projects:

→ Aize - https://www.behance.net/gallery/140007093/Aize
→ Berlin 1910 - https://www.behance.net/gallery/117034669/Berlin-1910
→ MUSHROOM - https://www.behance.net/gallery/140290203/MUSHROOM-Wireless-charger
→ Porsche Design Watch - https://www.behance.net/gallery/116317977/PORSCHE-DESIGN-WATCH-vision
→ Roly-Poly - https://www.behance.net/gallery/147984511/Roly-poly-modular-lighting
→ Spark Smart Grill - https://www.behance.net/gallery/149272383/Spark-Smart-Grill
→ Theferruat - https://www.behance.net/gallery/135610425/Coffee-Grinder-Theferruat


inhance

Hero section with CMS collection of projects (with filters)

******PUBLISH THE SITE FOR IT TO WORK*******

Playing around with scrollify and using it to change "Tabs" on scroll and/or click. You can also use the arrow to switch between the tabs. There is also an Animation for the active tab. 

Let us know if you want a version with more tabs or other functionalities :)

PLAYGROUND: Srollify - Change Tabs on Scroll and/or Click

change-tabs-on-scroll-and-or-click

[ES]
Con este clonable podrás aprender a crear Tabs CMS utilizando dos herramienta diferentes, Refokus tools y Finsweet Attributes.

Puedes ver el siguiente tutorial donde te muestro como hacerlo paso a paso:
https://www.youtube.com/watch?v=iA1avfyMQBw

[EN]
With this clonable you will learn how to create CMS Tabs using two different tools, Refokus tools and Finsweet Attributes.

You can see the following tutorial where I show you how to do it step by step:
https://www.youtube.com/watch?v=iA1avfyMQBw

CMS Tabs en Webflow [Pestañas CMS]

Tabs CMS en Webflow - Pestañas CMS

👌  Découvre comment quelques lignes de JS peuvent ajouter ton contenu dynamique issu du CMS à un élément TAB. Deux .class à modifier, un morceau de JS à ajouter. Hop c'est en place ! 

🔗  https://www.init-program.fr/ 
🔗  https://www.youtube.com/watch?v=1sdFX39ae9M&lc=UgxnNkKhKz4XIr3l8bp4AaABAg

Dynamic CMS Tabs v2

INIT - CMS Dynamic Tabs

Minimilistic Static and CMS dynamic Menu Cloneable. 

Features:
- Tabs Menu Static
- Tabs Menu with CMS

Want a tailored designed website for your business?

Reach out to us:
www.flowmarc.com
hello@flowmarc.com
https://www.facebook.com/flowmarc
https://www.instagram.com/flowmarc_com/
https://www.linkedin.com/company/flowmarc/

Tabs Menu | Restaurant Menu CMS

Tabs Menu Restaurant Menu CMS

Memberstack

Happy Tuesday! 

I found a fantastic thread in the community forums where several folks had created a script which can switch tabs from a URL. The code is perfect, but the thread is pretty confusing. 

Hopefully this project + 30 second video tutorial will help people get to a solution faster. 

Now you can change tabs with links, link directly to a tab, link to a tab that's down the page, and even account for a fixed nav bar. 

It takes about 10 seconds to setup. Thank you Webflow community!

Link Directly to a Tab - Simple Solution

This component will auto cycle through a tabs component based on the duration of videos in the content pane. Tutorial: https://www.youtube.com/watch?v=PPC2C6py_bQ

Updated 9FEB2023 with Safari fixes and issues with cloning


Auto Play Tabs From Video Duration

autotabs-video

Hello there!
Welcome to Sticky Tab!
Enhance user experience with our customizable Sticky Tab component. Seamlessly integrated into your website, it ensures easy access to essential information as users scroll with highlighting active section. Maintain engagement and provide instant clarity by keeping frequently asked questions visible at all times, optimizing interaction and user satisfaction.

If you are a startup looking to establish your online presence or an established business seeking a fresh approach, don't hesitate to get in touch. Let's collaborate and create something remarkable together.
Regards,
RSA CreativeStudio
hello@rsacreativestudio.com!

Sticky Tab

Sticky Tabs

Hello there!
Welcome to Horizontal Scroll Animation!

Transform your Webflow CMS content into interactive, easily navigable sections with custom-coded tabs that dynamically fetch and display relevant information, enhancing user engagement by providing a seamless way to explore diverse content within a single interface.

Whether you are a startup looking to establish your online presence or an established business seeking a fresh approach, we are here to assist you. Don't hesitate to get in touch. Let's collaborate and create something remarkable together.

Regards,
RSA CreativeStudio
hello@rsacreativestudio.com

CMS Tabs 

This project was a redesign of a brand called Nutiliti.
Design Credits- Tayler Odea
Thanks for the amazing work dear.

Main Features of Website-
1. Parallax Effects
2. Cms Slider
3. Subtle Animations and Interactions like on Click and Hover.
4. Auto-Playing Tabs with no bugs :)

Let me know how it looks to all of you :)
Feel free to pinch me for your awesome project at kingfactory1234@gmail.com

Thanks.

Nutiliti Reloaded

Nutiliti | App | Made in Webflow

Happy Tuesday!

The project includes a tutorial and a method for creating Webflow modals using Webflow native tab feature. There are all kinds of benefits of doing this including:

- Open any modal with an external link.
- Easy to design & hide.
- Multiple per page.
- No Webflow Interactions.
- Works with Webflow CMS.
- Works with Rich Text elements.
- And more!

If you have any questions feel free to drop a comment in the Loom video. I'm happy to help and/or adapt this to fit your project. 

Best,
Duncan Hamra
Co-founder, Memberstack.com

Webflow Modal Tutorial using Tabs

SMS Machine Tools is one of Canada’s oldest and foremost machine distributors, celebrating over 60 years in the industry. SMS is committed to providing cutting edge machine tools and customized applications that ensure our customers are competitive in the global market.

SOLUTIONS:
-2000+ items CMS
-Webflow development
-Website design
-Low code development

SMS Machine Tools Ltd.

Artifact - Design Engineered

Website showcasing 100 colored pictures from Warsaw Uprising selected by Chris Niedenthal.

Muzeum Powstania Warszawskiego

Ever wanted to add a page link to a Webflow tab element? I have!

Clone this project or checkout MemberScript #92 for the code required. Tutorial inside as well.

Discover dynamictabs websites built by the Webflow community

Discover dynamictabs websites built by the Webflow community