Top 10 JavaScript & CSS Tabs Components Of 2018

Here is a constantly updated list of the 10 best JavaScript and CSS based tabs components (tabbed interfaces) we published on CSSScript.com. I hope you like it and don’t forget to spread the world.

Originally Published Nov 13 2017, updated Dec 14 2018

1. Pure CSS Adaptive Bootstrap Tabs

Pure CSS Adaptive Bootstrap Tabs

Demo Download

A pure CSS solution for mobile-friendly bootstrap tabs component that makes all extra tabs available through dropdown “More tabs” if there is no room for them.


2. Responsive CSS Only Accordion & Tabs Component

responsive-css-only-accordion-tabs-component

Demo Download

Yet another pure CSS tabs that will be automatically converted into a vertical accordion interface on mobile devices. Based on CSS flexbox and radio / label hacks.


3. Tabsy CSS

Animated Tabs Component In Pure CSS – Tabsy CSS

Demo Download

A simple, animated, responsive tabs component built using CSS/CSS3 and radio+label tricks. The tabs component will automatically break down into a vertical accordion interface on mobile devices for better readability.


4. Tabbis.js

Tiny Nested Tabs With Vanilla JavaScript – Tabbis.js

Demo Download

Tabbis.js is a lightweight, pure JavaScript library for generating nice, clean, nested tabs from plain HTML structure.


5. Tabby.js

Simple & Mobile-first Toggle Tabs – Tabby.js

Demo Download

Tabby.js is a simple, lightweight JavaScript library for creating mobile-first toggle tabs with minimal effort.


6. Cross-fading Tabs Interface In Pure CSS/CSS3

Cross-fading Tabs Interface In Pure CSS/CSS3

Demo Download

A pure CSS/CSS3 tabs interface where you can switch between tabbed content with a fading animation.


7. tabsjs

Minimalist ES6 Tabs Component – tabsjs

Demo Download

tabsjs is a minimalist tabs component written in ES6. This component enables the user to switch between tabbed content by clicking on the tabs.


8. Simple-Tabs

Android Like Nav Tab In Vanilla JavaScript – Simple-Tabs

Demo Download

tabsjs is a minimalist tabs component written in ES6. This component enables the user to switch between tabbed content by clicking on the tabs.


9. toggler.js

Versatile Content Toggle Plugin With Pure JavaScript – toggler.js

Demo Download

tabsjs is a minimalist tabs component written in ES6. This component enables the user to switch between tabbed content by clicking on the tabs.


10. Tabby

Modern Tabbing System In Vanilla JavaScript – Tabby

Demo Download

Tabby is an ultra-light, pretty simple tabbing system written in pure vanilla JavaScript (ES6).