A full-width, responsive and easy to customize slideshow, enriched by a tabbed navigation.
Best jQuery Tabs Plugins & Tutorials with Demo
TurboTabs : Responsive Tabs jQuery Plugin
TurboTabs is responsive Tabs jQuery Plugin with plenty of options. HTML markup is very simple to follow , jQuery will do all the magic. Tab transforms into an accordion on smaller devices, but there is also an option to use it as accordion instead of the tab if you like.
- Responsive
- Simple HTML Markup to follow
- Lightweight – only 5kb in minified version
- Customize Colors and other otpions with online options builder
- Choose between horizontal, vertical or accordion mode
- Customize almost everything with plenty of options available
jQuery Wheelizate Tabs
Wheelizate Tabs is an alternative way of tabbed navigation. It’s an animated tab components based on Bootstrap tab system.
Features:
- 4 wheelizated tabs in 4 possible position
- 6 color schemes with 6 themes (less files included)
- Responsive
- Bootstrap ready
- Works with any type of content
- 266 SVG icons
- It works on all major desktop and mobile browser
jQuery Responsive Tabs
This jQuery plugin provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint.
Features:
- Tabs transform to accordion based on breakpoint
- Uses javascript / jQuery for the technical tab switching (class based)
- Uses CSS for the desktop/tablet/mobile view
- Has callback events for the tab events
- Tabs can be opened with URL hashes
- Tabs can auto rotate
- Tabs can be collapsed (optional)
- The tabs are controllable with API methods
- Cross browser compatibility (IE7+, Chrome, Firefox, Safari and Opera)
Tab Styles Inspiration with CSS3 & SVG
Today we’d like to share a couple of tab styles with you. We use pseudo-elements, SVGs and CSS transitions for some of the techniques.The collection contains some styles and effects for modern tabs; from a simple box to a SVG shape. Depending on your design, different tab layouts and looks can spice up your sections; think outside of the box (literally) and you’ll see how interesting the usually boring tabs can become.
Hash Tabs : Ultimate jQuery Animated Tab plugin
The ultimate jQuery tab plugin forhash-sensitive,WAI-ARIA-complianttabs.
Features:
- Hash-friendly URLs, so your states are saved. Try refreshing!
- Compatible with IE8 and up
- Customizable and configurable. Use custom selectors for your tabs. Default uses
navandsectionelements noscript-friendly. Works very will in non-javascript browsers. When tabs can’t be loaded, content feels like normal, as hashes are supported natively by the browser.- Customizable SASS styles.
