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
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
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
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
Tabbis.js is a lightweight, pure JavaScript library for generating nice, clean, nested tabs from plain HTML structure.
5. Tabby.js
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
A pure CSS/CSS3 tabs interface where you can switch between tabbed content with a fading animation.
7. tabsjs
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
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
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
Tabby is an ultra-light, pretty simple tabbing system written in pure vanilla JavaScript (ES6).