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 Jan 13 2025
1. Responsive Vertical Tabs For Bootstrap
A pure CSS extension that creates vertically-oriented tabs component in your Bootstrap project.
2. Responsive Tabs & Accordion Component In Vanilla JavaScript
A responsive tabs & accordion JavaScript plugin that works perfectly on desktop, tablet, and mobile.
3. Automatic Vanilla JavaSCRIPT Tabs UI – Auto-tabs.js
A tiny tabs JavaScript plugin that has the ability to automatically switch between tabs at a given speed.
4. 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.
5. Simple Fast Vanilla JavaScript Tabs
A simple, lightweight, blazing-fast tabs vanilla JavaScript library for the web.
6. Responsive Tabbed Content With JavaScript And CSS3 – responsive-tabs
A responsive, minimal, clean tabs component that falls back to a linear content display when JavaScript is disabled.
7. Pure CSS Tabs Component with Transitions Between Variable Heights
A tabs component built using CSS / CSS3 and radio input hack that features transitioning between variable heights.
8. Create A Responsive Tabs Component Using CSS and Radio Input
Just another animated, fully responsive tabs component implemented in pure CSS / CSS3 that uses radio buttons to switch between tabbed panels by clicking on the tab navigation.
9. Nice Clean Tabs Component Using Pure HTML / CSS
Just another pure HTML/CSS implementation of a nice clean tabs component with an animated current-tab indicator.
10. Tabbed Content With Equal Height Support – sv-tabs-js
A tiny tabs JavaScript library that helps create tabbed content with equal height support.
More Resources:
To find more JavaScript and/or CSS libraries to showcase your in a toggleable container, don’t forget to check out our other awesome resources.