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.
10. Pure CSS Smart Tabs/Accordion Component
A pure CSS/CSS3 tabs component that will be automatically converted into a more readable accordion interface on small screens like Mobile devices.
9. CSS Only Responsive Tab View Using Flexbox Model
A pure CSS responsive tab view that will be automatically converted into a vertical accordion when the screen size is smaller than a breakpoint specified in the CSS3 media queries. Heavily based on CSS3 flex box model.
8. Pure CSS Tabbed Interface with 3D Cube Flip Animation
A pure CSS implementation of a cool tabs component with a fancy 3D cube flip animation based on CSS3 3D transforms.
7. 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.
6. Creating Simple Tabbed Interface with Pure CSS
A pure CSS approach to building a tabs component that makes uses of CSS :target Pseudo-class to toggle the visible of tabbed panels. Without the need of using radio or checkbox elements.
5. Pure CSS3 Tab Effects
A set of 5 responsive, nice-looking tab effects built using plain HTML, CSS / CSS3 and radio input trick.
4. 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.
3. Simple Javascript Tabs Library – Simple Tab
Simple Tab is a super tiny javascript library/plugin for creating a tabbed interface that allows you to switch between content sections by clicking the tabs. It can be used both as a standalone javascript library or a plugin for jQuery.
2. Animated Vertical Tabbed Navigation with Pure CSS3
A vertical tabs UI which allows you to swap between content panels with subtle CSS3 based animations. It’s good for creating a full-page responsive navigation system for your web site.
1. Creating A Stylish Tabs Control Using Pure CSS / CSS3
A pretty cool, animated tabs component / widget / control with subtle fade transition effects. Made using CSS and CSS3 transitions.