Tabslet: jQuery Plugin for Tabs

Tabslet is a jQuery plugin for tabs. It is lightweight, easy to use, compatible with all modern web browsers and is mobile-friendly. It supports custom events, rotation animation and controls. Simply, it does pretty much everything you will need.

Here are some of the features that go beyond standard tab controls:

  • Flexible HTML structure
  • Custom events
  • Data attribute initialization and configuration
  • Controls (next, previous)
  • Rotation (useful for banner rotators/carousels)
  • Deep linking support
  • Change tabs on mouse over
  • Use animation effect for tabs’ changing
  • Ability to use either href or alt attribute to target tab
  • Destroy and control (next, prev, show) methods

Check out the documentation to learn more about Tabslet and see it in action.

  • Paid

Zozo Tabs: Responsive jQuery Tabs Plugin

Zozo Tabs is a user-friendly, fully responsive and customizable jQuery tabs plugin to take any HTML content, including images, videos and display it in a clean, organized and responsive tabbed navigation.

It works out of the box, making it simple to create beautiful but powerful enough to build branded and highly customized tabs. This plugin features plenty of layouts, vertical tabs, horizontal tabs, responsive tabs, deep-linking, a flat theme pack extension, powerful API, CSS transitions and animations, more than six sizes, more than 30 themes, more than 35 templates, 10 positions, 65 options and much more.

Zozo Tabs is designed for WordPress but can be integrated in other frameworks as well and works with all modern browsers. See the documentation for details on how it can be integrated with other content management systems.

The regular license for this plugin is $8 and includes quality checks by the Envato marketplace, future updates and six months of support from ZozoUI. (You can buy an extended support option as well for just a couple dollars more.)


HashTabber: Tabbed Content Switcher

This is a simple JavaScript plugin for a hashchange-driven tabbed content switcher.

Here are the features of HashTabber:

  • SCSS stylesheet
  • Switching tabs with #foo=bar links
  • Multiple simultaneous HashTabbers
  • Flexible -nav & -data structure

The plugin also works on most browsers that users would come in contact with including Chrome 4+, Firefox 4+, Opera 12+, Safari 5+ and Internet Explorer 8+.

You need two files to start using HashTabber:

  • hashTabber.js – with a single object inside and four helper functions; so you could as well just paste it to your script.js to avoid an unnecessary HTML request
  • _hashTabber.scss – 20-something lines of code that would be best to just @include in your global.scss

Following the setup instructions is vital to making this plugin work, so pay close attention to the documentation. There’s an additional theme class as well for those sites running on a theme. (This will make everything come together a lot easier.)

This plugin has a few “hidden features” as well:

  • Both ols could contain countless different nodes (h2 for example), as the script takes into account only lis inside of them
  • Both ols could be placed within completely different HTML nodes, as the script uses the data-hashtabber-id attribute to pair them
  • You can chain parameters in links: #foo=2&bar=1&fum=baz&qux=2&zot=3, to switch tabs for all instances of HashTabber simultaneously



  • Spotlight

Sliding Menu: Responsive Sliding Navigation Menu

The mobile-like, list-style, responsive sliding navigation menu is aptly named Sliding Menu. And it does exactly what you might expect.

This tool creates sliding menus for your website designs. You can create as many (or as few) layers to your menu slider as you like.




Adding a ‘ flipping ’ effect to text based navigational menu items on hover.



Allows you to easily convert a long, hard to navigate list into a compact, easily skimmable ‘first-letter’ based menuing system.


Ribbon menu

Cool navigation list complete with a sliding hover effect.


BG Image Nav

Beautiful navigation that has a background image slide effect


jQuery UI Tabs

cTabbed navigation to breakdown content into multiple sections.