jQuery Tabs Plugins

Mobility : Framework for developing Mobile Applications

Looper js

  • CSS Powered Transitions
  • Fixed Header and footer
  • Form Fields optimized for mobile
  • Tabs
  • Lists (with inifinite scrolling pagination both on top and on the bottom)
  • Modals
  • Popover Menus
  • Aside Menus
  • Notifications
  • Hero Image

Read More       Demo

FlexTabs : jQuery Responsive Tabs to Accordion

Looper js

FlexTabs a Clean tabs is a CSS3 and jQuery completely responsive navigation tabs are made for any occasion and easy implementation with quick customization possibilites.

Read More       Demo

Tabby : Simple Toggle Tabs

Looper js

Tabby gives you lightweight, simple toggle tabs. It???s easy to install and can be used for buttons, lists, and more.

Read More       Demo

RubyTabs : jQuery Tabs & Slider

Looper js

RubyTabs is a great plug-in Tabs + Slider when integrated touch gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects. Also, RubyTabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 75+ templates html, 14+ positions, 100+ options, more and more.

Read More       Demo

Horizontal Tab Menu with jQuery & CSS3

Looper js

Horizontal tab menu navigation with left and right arrow key navigation.

Read More       Demo

Chrome style tab-resizing for jQuery UI Tabs

Looper js

Chrome style tab-resizing for jQuery UI tabs.OverflowResize provides methods for adding and removing tabs.

Read More       Demo

SOLID : CSS3 Responsive Tabs

Looper js

Fed up with the old tab designs that you have? Have your website a totally tab-licious makeover with this distinctive and eye catching tab designs.

  • 8 Tab Designs
  • Flexible Designs
  • Fully Responsive including its contents
  • Includes Typographical Elements (Headings, Text Callout, Blockquote)
  • Includes Responsive Tables
  • Includes Responsive Bar Chart
  • Includes Responsive Column Chart
  • Includes Responsive Video

Read More       Demo

Bootstrap Vertical Tabs

Looper js

Missing vertical tabs component for bootstrap.

Read More       Demo

jQuery Accessible Tabs

Looper js

Creates accessible tabs ??? a single content area with multiple panels.

Creates accessible tabs ??? a single content area with multiple panels.

Read More       Demo

Suitabs : jQuery Slideshow and Tab Plugin

Looper js

A jquery plugin for doing slideshow and tab.

A jquery plugin for doing slideshow and tab.

Read More       Demo

TabbedContent : jQuery lightweight Tabs plugin

Looper js

TabbedContent is a lightweight* tabs plugin that uses the HTML5 history API to add your tab navigation to your browser???s history.

TabbedContent is a lightweight* tabs plugin that uses the HTML5 history API to add your tab navigation to your browser???s history.

Read More       Demo

Wheelnav.js : Animated Circular navigation with SVG

Looper js

Animated javascript navigation component based on Rapha??l.js (SVG/VML). It can be a pie menu (radial menu, circular menu) and many more.It works on all major desktop and mobile browser.

Animated javascript navigation component based on Rapha??l.js (SVG/VML). It can be a pie menu (radial menu, circular menu) and many more.It works on all major desktop and mobile browser.

Possible uses:

  • tab navigation
  • pie menu (radial menu, circular menu)
  • sub menu
  • option button
  • checkboxes
  • and more???

Read More       Demo

jQuery Hero Slider

Looper js

A full-width, responsive and easy to customize slideshow, enriched by a tabbed navigation.

A full-width, responsive and easy to customize slideshow, enriched by a tabbed navigation.

Read More       Demo

TurboTabs : Responsive Tabs jQuery Plugin

Looper js

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.

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

Read More       Demo

jQuery Wheelizate Tabs

Looper js

Wheelizate Tabs is an alternative way of tabbed navigation. It???s an animated tab components based on Bootstrap tab system.

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

Read More       Demo

jQuery Bootstrap Steps Wizard

Looper js

This Twitter Bootstrap plugin builds a wizard using a formatted tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually.

This Twitter Bootstrap plugin builds a wizard using a formatted tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually.

Read More       Demo

Tabulous.js : jQuery Animated Tabs Plugin

Looper js

A jQuery tabs module for todays web.Tabulous.js can be used with any contents you choose in the tabs and it couldn???t be more simpler to use.

A jQuery tabs module for todays web.Tabulous.js can be used with any contents you choose in the tabs and it couldn???t be more simpler to use.

Read More       Demo

Responsive Tabbed Navigation with CSS3 & jQuery

Looper js

A handy tabbed navigation, optimized for mobile devices, with support for both horizontal and vertical menu positioning.

A handy tabbed navigation, optimized for mobile devices, with support for both horizontal and vertical menu positioning.

Read More       Demo

Tab Styles Inspiration with CSS3 & SVG

Looper js

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.

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.

Read More       Demo

Hash Tabs : Ultimate jQuery Animated Tab plugin

Looper js

The ultimate jQuery tab plugin forhash-sensitive,WAI-ARIA-complianttabs.

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 nav and section elements
  • 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.

Read More       Demo

Codetabs B+ : Premium Tabs + Slider For Bootstrap

Looper js

Codetabs is a great plug-in tabs + slider when integrated gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects with built-in over 250 ???out-in??? effects and ???one???. Also, codetabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 40+ templates html, 14+ positions, 100+ options, more and more.

Codetabs is a great plug-in tabs + slider when integrated gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects with built-in over 250 ???out-in??? effects and ???one???. Also, codetabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 40+ templates html, 14+ positions, 100+ options, more and more.

Read More       Demo

CodeTabs ??? jQuery Touch Responsive Tabs

Looper js

Codetabs is a great plug-in tabs when integrated gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects with built-in over 250 ???out-in??? effects and ???one???. Also, codetabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 40+ templates html, 14+ positions, 100+ options, more and more.

Codetabs is a great plug-in tabs when integrated gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects with built-in over 250 ???out-in??? effects and ???one???. Also, codetabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 40+ templates html, 14+ positions, 100+ options, more and more.

Read More       Demo

Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery

Looper js

Titon Toolkit is a collection of very powerful user interface components and utility classes for the responsive, mobile, and modern web. Each component represents encapsulated HTML, CSS, and JavaScript functionality for role specific page elements.

Titon Toolkit is a collection of very powerful user interface components and utility classes for the responsive, mobile, and modern web. Each component represents encapsulated HTML, CSS, and JavaScript functionality for role specific page elements.

Toolkit makes use of the latest and greatest technology. This includes HTML5 for semantics, CSS3 for animations and styles, Sass for CSS pre-processing, Grunt for task and package management, and powerful new browser APIs for the JavaScript layer.

Read More       Demo

Droptabs : jQuery Plugin for Bootstrap Tabs

Looper js

jQuery plugin for hiding Bootstrap tabs inside a dropdown, when viewport is too small.

jQuery plugin for hiding Bootstrap tabs inside a dropdown, when viewport is too small.

Read More       Demo

jQuery Responsive Tabs Plugin

Looper js

Responsive Tabs is a jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet and mobile.

  • 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)
  • Tabs can start collapsed based on the view (optional)
  • Cross browser compatibility (IE7+, Chrome, Firefox, Safari and Opera)
  • Multiple device support (Web, Tablet, Mobile, etc)

Read More       Demo

Responsive Full Width Tabs with CSS & JavaScript

Looper js

A full width tab component with some example media queries for adjusting the icons of the tabs and the content layout. The main idea is to show only icons for the mobile view and allow the text to appear when there???s enough space. The content columns and the containing media boxes have three different layouts.

Read More       Demo

Tabcordion.js : jQuery Plugin for Bootstrap tabs into Accordion

Looper js

Bootstrap Tabcordion is a simple jQuery plugin that transforms a set of Bootstrap tabs into a Bootstrap accordion. It can be configured to perform this transformation based on the size of the container or viewport to provide responsive awesomeness to your buzzword-rich UI.Useful for responsive mobile sites.

Read More       Demo

jQuery Responsive Tabs Plugin

Looper js

jQuery plugin for creating responsive tabs. The controls behave like regular tabs above a specified screen width (defined by an editable media query in the associated css file), and behave like an accordion on screens below that width.

  • Progressive enhancement ??? uses semantic heading/content markup ??? tabs and accordion are created entirely with jQuery
  • Uses Aria attributes and roles to aid screen reader accessibility
  • Tabs and their content are fully accessible via keyboard
  • Supports multiple sets of tabs on same page

Read More       Demo

Ion.Tabs : jQuery tabs plugin

Looper js

jQuery tabs plugin.Easy and well done tabs with many options and skin support.

  • Supports many groups of tabs at one page.
  • Generate events and callbacks.
  • Support many types of position saving, for each tabs group on the page.
  • Very easy in set up and customisation. Has skin support.
  • Has public methods for outside control.
  • Cross-browser support: Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)
  • Ion.Tabs supports touch-devices (iPhone, iPad, etc.).

Read More       Demo

Tabslet : A jQuery plugin for Tabs with Extra Features

Looper js

Yet another jQuery plugin for tabs with some extra features.

  • Change tabs on mouse over
  • Use animation effect for tabs??? changing
  • Ability to use either href or alt attribute to target tab
  • Rotation
  • Custom events

Read More       Demo

Tabdrop.js : jQuery Tab drop for Bootstrap

Looper js

Very usefull script when your tabs do not fit in a single row. This script takes the not fitting tabs and makes a new dropdown tab. In the dropdown there are all the tabs that do not fit.

  • works only with horizontal tabs and pills
  • custom text for the dropdown tab
  • works with responsive design

Read More       Demo

Scrolltab : jQuery plugin to add Position Relative Tabs

Looper js

Scrolltab is a jQuery plugin that adds tabs visually associated to their position relative to the scroll bar.

Read More       Demo

jQuery Tabs Plugin

Looper js

The powerful jQuery plugin that creates a tab.

  • History support ??? tabs can handle browser???s back and forward buttons
  • AJAXed tabs support ??? ajax load content support
  • Keyboard navigation support ??? use Arrow left/right to navigate
  • Lightweight size ??? 1 kb gzipped

Read More       Demo

jQuery Easy Responsive Tabs to Accordion

Looper js

Easy responsive tabs ??? is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices like: web, tablets, Mobile (IPad & IPhone). This plugin adapts the screen size and changes its action accordingly.

  • Horizontal / Vertical Tabs to Accordion
  • Tabs and accordion are created entirely with jQuery
  • Supports multiple sets of tabs on same page
  • Cross browser compatibility (IE7+, Chrome, Firefox, Safari and Opera)
  • Multi device support (Web, Tablets & Mobile)

Read More       Demo

Navi.js : jQuery Content Switcher

Looper js

Navi makes it easy to dynamically display content on your sites. Instead of cluttering up your site tree with extra files, you can easily write all of your html code for multiple pages in one file.

Read More       Demo

Mate Tabs : jQuery Responsive tabs and accordion

Looper js

Mate Tabs it is a responsive tabs and accordion.

  • Responsive
  • Retina ready (Font Awesome integrated)
  • Parameters when tabs transform to accordion: 1. Auto 2. Now 3. Your screen size
  • Click or Hover events
  • jQuery 1.7.1 +
  • Fast changing the color palette: panelColor: ???#fec901???,borderColor: ???#fec901???,contentColor: ???#ffffff??? etc???
  • Simple to use
  • Live preview
  • Cross Browsers

Read More       Demo

Cream Tabs : jQuery Plugin

Looper js

Cream Tabs it is a mix of tabs and navigation menu with content slider.

  • Retina ready (Font Awesome integrated)
  • Simple to use
  • Live preview
  • Cross Browsers
  • Content Slider
  • Fully customizable
  • Min version: 6 kb
  • Allow multiple connections
  • Menu position: vertical/horizontal
  • Position on screen: coordinates or auto
  • Simple change color

Read More       Demo

TabLooper : jQuery Responsive Loop Tab Metro UI

Looper js

TabLooper is a Responsive Tab jQuery Plugin that is used to create tabs for your sites with responsive layout, support unlimited tabs, combine inline and AJAX content for best performance, move tab content by touch swipe event ( on mobile devices ) or left/right keys ( on desktop/laptop ) or simple click on buttons ( all devices ).

  • Responsive Design
  • Unlimited Tabs.
  • Effects for Each Tab Content.
  • Combine Inline and AJAX Content.
  • Support Touch Swipe to move Tab Content ( Mobile Devices ).
  • Support Left/Right Keys to move Tab Content ( Desktop/Laptop ).
  • Click on Buttons to move Tab Content ( All Devices ).
  • Count Total of Tab.
  • Metro UI Style

Read More       Demo

Zebra : HTML5 Canvas Rich UI JavaScript Library

Looper js

Zebra is a javaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool .The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI. Zebra development is much closer to software engineering where you write well structured, supportable, extendable code basing on easy Zebra OOP concept. You keep distance from the mess of HTML, JavaScript code, CSS and DOM manipulation. Zebra is pure WEB based alternative to Flash or Applet technologies that doesn???t require a plugging on a client side to be installed. In the same time Zebra utilizes power, simplicity and beauty of JavaScript coding.

  • Over 30 UI components
  • Customizable look and feel (theme support)
  • Flexible layouts
  • Declarative JSON-based UI
  • Easily extendable

Read More       Demo

w2ui : jQuery UI Library

Looper js

The w2ui library is a set of interrellated jQuery plugins. It is not a adhoc port to jQuery, but was initially developed with jQuery in mind. There is no support of other frameworks such as prototype or dojo. The w2layout object allows you to create stretchable and resizable layouts with up to 6 panels. The panels are top, left, main, preview, right, and bottom. You do not have to create and initialize all 6 panels, but only the panels you need in your application.

Read More       Demo

MelonHTML5 ??? jQuery Royal Tab

Looper js

Royal Tab is all in one, performance optimized Tab Solution that provides full tab functionalities and its own unique features. It can be easily integrated into any websites with simple & clean HTML markup. All major browsers (Chrome, Firefox, Safari, IE7+, Opera) and Mobile Devices are supported. Royal Tab also comes with Responsive Design, 4 Themes and full API Methods that can be used to interact with your Web App in your own way.

Royal Tab is all in one, performance optimized Tab Solution that provides full tab functionalities and its own unique features. It can be easily integrated into any websites with simple & clean HTML markup. All major browsers (Chrome, Firefox, Safari, IE7+, Opera) and Mobile Devices are supported. Royal Tab also comes with Responsive Design, 4 Themes and full API Methods that can be used to interact with your Web App in your own way.

Read More       Demo

Clean Tabs: jQuery Responsive Tabs to Accordion

Looper js

Clean tabs is a CSS3 and jQuery responsive navigation tabs, optimized for mobile & touch devices. On small screen, the horizontal tabs turns into a vertical accordion. More than 20 clean, smooth and elegant themes realized to work on every devices. Watch the preview images!

Clean tabs is a CSS3 and jQuery responsive navigation tabs, optimized for mobile & touch devices. On small screen, the horizontal tabs turns into a vertical accordion. More than 20 clean, smooth and elegant themes realized to work on every devices. Watch the preview images!

Features:

  • CSS3 & jQuery.
  • More than 20 themes ready to use.
  • 5 pages already designed: Dashboard, Gallery, To-Do, Skills, Team
  • Easy to customize.
  • Clean & modern look.
  • Responsive and easy to use.
  • Works on mobile devices.
  • Cross-browser compatibility.

Read More       Demo

jQuery Tabs Widget with Ajax Content

Looper js

In this tutorial I want to demonstrate one such method for creating dynamic content tabs. We will load in external HTML data from local files pulled via Ajax commands. This technique has been simplified over the years so we aren???t struggling to build multiple XMLHttpRequest calls. Check out the demo page below and see what we???ll be creating.

In this tutorial I want to demonstrate one such method for creating dynamic content tabs. We will load in external HTML data from local files pulled via Ajax commands. This technique has been simplified over the years so we aren???t struggling to build multiple XMLHttpRequest calls. Check out the demo page below and see what we???ll be creating.

Read More       Demo

Liquid Slider : jQuery Html5 Responsive Content Slider

Looper js

The Liquid Slider is a fully responsive, html5 content slider, which means it will work on your desktop as well as your mobile device. It???s fully adaptable to changing widths and orientation, so ahead and resize your browser to see it in action.

The Liquid Slider is a fully responsive, html5 content slider, which means it will work on your desktop as well as your mobile device. It???s fully adaptable to changing widths and orientation, so ahead and resize your browser to see it in action.

Read More       Demo

EasyTabs.js : jQuery Easy Tabs Plugin

Looper js

EasyTabs creates tabs with all the functionality, no unwanted changes to your markup, and no hidden styling.

EasyTabs creates tabs with all the functionality, no unwanted changes to your markup, and no hidden styling.

Unlike jQuery UI tabs, which style and arrange your tabs and panels for you, this plugin handles only the functionality of the tabs. By leaving the styling and layout up to you, it is much easier to style and arrange your tabs the way you want.

Features:

  • Creates tabs from an unordered list, which link to divs on the page
  • Allows complete customization of appearance, layout, and style via CSS
  • Supports forward- and back-button in browsers
  • Tabs are bookmarkable and SEO-friendly
  • Tabs can be cycled at a specified interval

Read More       Demo

Zozo : jQuery UI Tabs

Looper js

Zozo Tabs is a lightweight highly customizable jQuery plugin to provide full tab functionality that can be integrated into your site/blog quickly and easily. Some of it???s key features includes: such as horizontal & vertical tabs, CSS3 & HTML5 design, 8 ways to position, 6 themes, SEO -friendly and more. Did we mention it works also on older browsers such as IE7 and IE8 ?.

Zozo Tabs is a lightweight highly customizable jQuery plugin to provide full tab functionality that can be integrated into your site/blog quickly and easily. Some of it???s key features includes: such as horizontal & vertical tabs, CSS3 & HTML5 design, 8 ways to position, 6 themes, SEO -friendly and more. Did we mention it works also on older browsers such as IE7 and IE8 ?.

Features:

  • SEO Friendly
  • Stylish
  • Fully Customizable
  • Cross-browser
  • Bookmarkable tabs
  • 6 Themes
  • Horizontal & Vertical Tabs
  • 8 Flexible ways to position
  • Multiple tabs on the same page
  • Dynamically add & remove tabs
  • Autoplay Support
  • CSS3 & HTML5 design

Read More       Demo

ShopSlider : jQuery Responsive Shop Slider with Tab

Looper js

ShopSlider is a jQuery Responsive Shop Slider Plugin for commercial sites, online shops, stores. Works well on all screen sizes, auto detects and determines the best way to display items, support tabs and AJAX load.

ShopSlider is a jQuery Responsive Shop Slider Plugin for commercial sites, online shops, stores. Works well on all screen sizes, auto detects and determines the best way to display items, support tabs and AJAX load.

Features:

  • Smart Responsive Design
  • Detect Screen Size and Determine the Best Way to Display Items.
  • Support Multi Tabs
  • Support Many Sliders in same page
  • Touch Swipe / Click to Move Next/Prev
  • Support AJAX and Inline Content
  • Many Styles and Effects
  • Control AutoPlay, Effect In, Effect Out with Duration and Delay Time ???

Read More       Demo

Fancy Tabbed Navigation with CSS3 and jQuery

Looper js

We???ll build a minimal yet stylish Tabs for your next project!

We???ll build a minimal yet stylish Tabs for your next project!

Read More       Demo

How to Create Super Easy jQuery Tabbed Containers

Looper js

In this tutorial I???m going to show you how to create tabbed containers using jQuery. Tabbed containers is an excellent way of presenting your content. Data is organized where only the current tab???s section is shown. Once the user clicks on the other tabs, its associated content gracefully appears.

In this tutorial I???m going to show you how to create tabbed containers using jQuery. Tabbed containers is an excellent way of presenting your content. Data is organized where only the current tab???s section is shown. Once the user clicks on the other tabs, its associated content gracefully appears.

Read More       Demo

MelonHTML5 ??? All in One Tab with jQuery

Looper js

This is a fully customizable tab solution with pure HTML5 + CSS3 animations for your website.

This is a fully customizable tab solution with pure HTML5 + CSS3 animations for your website.

Features:

  • Full HTML5 + CSS3 animations (no jQuery UI)
  • 10 preset animations
  • Customizable tab menu position
  • Sliding control
  • Tab position indicator (Android Style)
  • Dropdown shortcuts
  • Keyboard navigation (Left/Right arrow key control)
  • Slideshow
  • Free support & frequent updates

Read More       Demo

jQuery Responsive Tabs & Accordion Plugin

Looper js

Tabs + Accordion is a jQuery plugin that simplifies creating responsive tabs and accordions.

Tabs + Accordion is a jQuery plugin that simplifies creating responsive tabs and accordions.

Features:

  • You can use the same, simple HTML markup for both Tabs and Accordion.
  • You don???t have to learn how to integrate and use two different products, which saves you time.
  • It is lightweight, because the majority of underlying code for Tabs and Accordion is shared.
  • You don???t have to paint yourself but you can. There is plenty of choice with the included themes.
  • Folks visiting your website with a screenreader can use Tabs + Accordion pleasantly.
  • And folks visiting your website with JavaScript disabled aren???t missing out on content inside Tabs + Accordion.

Read More       Demo

Google Play???s minimal tabs with CSS3 & jQuery

Looper js

The tab navigation is an element you often meet in your daily browsing. There are so many ways, so many styles, but the idea is the same: you click a tab and see its content without a page refresh.

The tab navigation is an element you often meet in your daily browsing. There are so many ways, so many styles, but the idea is the same: you click a tab and see its content without a page refresh.

In this article you???ll learn how to build some new CSS3 & jQuery tabs inspired by Google Play???s design.

Read More       Demo

How to Create Tabs in HTML Using jQuery

Looper js

HTML based tabs are widely used as a part of the modern ux practices as it???s the most convenient way of presenting data and users can easily browse through larger sum of data without leaving the page or waiting for any postbacks.

HTML based tabs are widely used as a part of the modern ux practices as it???s the most convenient way of presenting data and users can easily browse through larger sum of data without leaving the page or waiting for any postbacks.

Say goodbye to those long pages and implement HTML tabs today to improce your website???s user experience.

I will be using jQuery to create the HTML Tabs today, don???t worry it won???t be a killer. I???ll guide you through every step and I???m confident that by the time you???re done with this tutorial you???ll agree to the fact how easy it is to create tabs with just a few lines of jQuery???s magical code.

Read More       Demo

Chico UI jQuery User Interface Components

Looper js

Chico UI is an open source and free set of user interface components to ease developing with jQuery.

Chico UI is an open source and free set of user interface components to ease developing with jQuery.

The components include auto-complete, blink, calendar, carousel, countdown, date-picker, dropdown, expando, form and more.

There is a CSS layout framework named Chico Mesh for accomplishing any type of web layouts and grids.

Read More       Demo

jQuery EasyTabs Plugin

Looper js

EasyTabs is a jQuery plugin that handles all of the tab functionality, leaving the styling to you.

EasyTabs is a jQuery plugin that handles all of the tab functionality, leaving the styling to you.

Features :

  • Lightweight: the minified version is only 8KB ??? vs 20KB for only the jQueryUI core + tabs widget
  • Provides smooth transitions between panels when tab is selected
  • Allows complete customization of appearance, layout, and style via CSS
  • Supports back-button and forward-button in browsers
  • Tabs are bookmarkable and SEO-friendly
  • Loads AJAX content, or anything not already on the page
  • Tabs can automatically cycle at a specified interval
  • Can have multiple EasyTabs instances on one page
  • Written in jQuery plugin format, chain-able with other jQuery commands
  • Styles your tabs in any way (either through javascript or CSS)

Read More       Demo

CSS3 & jQuery folder tabs

Looper js

In this article, I will use a technique in order to create some good looking CSS3 tabs.While in my previous CSS3 tabs tutorial I tried to simulate some beveled corners for the tabs, this time I will show you how to create folder tabs using nothing more than pure CSS3 and jQuery.

In this article, I will use a technique in order to create some good looking CSS3 tabs.While in my previous CSS3 tabs tutorial I tried to simulate some beveled corners for the tabs, this time I will show you how to create folder tabs using nothing more than pure CSS3 and jQuery.

Read More       Demo

jQuery EasyUI framework

Looper js

jQuery EasyUI framework help you build your web page easily.

  • easyui is a collection of user-interface plugin based on jQuery.
  • using easyui you don???t need to write many javascript code, you usually defines user-interface by writing some HTML markup.
  • easyui is very easy but powerful.

Read More       Demo

jQuery animated feedback tab thingy

Looper js

I saw this little widget being used on a couple of sites lately, and decided to try building one myself. Turned out to be pretty simple using jQuery and some css foo.

Read More       Demo

Ninja UI ??? A Set Of Slick Widgets For jQuery

Looper js

Ninja UI is a plugin for the framework that brings new alternatives to them in a single package.

Read More       Demo

Create Dynamic Tabs With JQuery

Looper js

Tabs has become a common feature in web user interface, in this post I create an example creating a dynamic tab with JQuery. In JQuery UI there is already ready to use plugin to create tabbed content, but I did not find a way to adding dynamic tab function.

Read More       Demo

Tab Style Login and Signup with jQuery,CSS

Looper js

This post is very basic level CSS implementation. I want to explain how to design tab style login and registration panel with CSS, HTML and Jquery. Tab system help you to save page space, Just take a quick look at these four steps, use it and enrich your web projects.

Read More       Demo

Simple ajax tabs with Jquery

Looper js

This is a simple ajax tab plugin which give a effective output. It works with all major browsers including Mozilla, Google chrome, Microsoft IE, Apple Safari and Opera.

Read More       Demo

Advanced docking using jQuery

Looper js

Some time ago I was doing some proof of concept: how Visual Studio docking functionality can be done with jQuery and unordered lists. Basically, the main goal was to implement multiple docking and undocking functionality. This tutorial will show you the results of PoC.

Read More       Demo

Slider Kit ??? Multiple Slideshow Types In One jQuery Plugin

Looper js

Slider Kit is a very flexible jQuery plugin that enables us to create almost any type of slideshows like photo galleries, news sliders, carousels,tabs,menu and more.

Read More       Demo

Quicksand filtering items jQuery plugin

Looper js

Quicksand is a jQuery plugin is very functional for reordering and / or filtering items by dragging a good animation. All you need do is provide two sets of items. You can do this in several ways:

Quicksand is a jQuery plugin is very functional for reordering and / or filtering items by dragging a good animation. All you need do is provide two sets of items. You can do this in several ways:

* Using basic HTML, such as an unordered list
* Downloading data with Ajax calls
* HTML items to change with JavaScript

Read More       Demo

jQuery Content Panel Switcher

Looper js

The jQuery Content Panel Switcher is a simple, very lightweight jQuery plugin that allows smooth transitioning of content in and out of panels located anywhere on the page. You can have single or multiple content switching panels on a single page Content panels can be either span or div elements, and the buttons used to switch the content can be just about anything, so long as they have the right clases assigned.

The jQuery Content Panel Switcher is a simple, very lightweight jQuery plugin that allows smooth transitioning of content in and out of panels located anywhere on the page. You can have single or multiple content switching panels on a single page Content panels can be either span or div elements, and the buttons used to switch the content can be just about anything, so long as they have the right clases assigned.

Read More       Demo

Flexible & Desktop-Like Layouts With jQuery: UI.Layout

Looper js

This plug-in was inspired by the extJS border-layout, and recreates that functionality as a jQuery plug-in. The UI.Layout plug-in can create any UI look you want ??? from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc

This plug-in was inspired by the extJS border-layout, and recreates that functionality as a jQuery plug-in. The UI.Layout plug-in can create any UI look you want ??? from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc

Read More       Demo

Easy Display Switch with CSS and jQuery

Looper js

Today, I would like to go over a quick and simple way to allow your users to switch page layouts by using CSS and jQuery.Today???s web users expect web pages to be increasingly more interactive. To this end, the ability to change page layouts provides your users with a more immersive experience and allows them to consume information more easily, either with a quick gallery view, or a detailed summary view.

Today, I would like to go over a quick and simple way to allow your users to switch page layouts by using CSS and jQuery.Today???s web users expect web pages to be increasingly more interactive. To this end, the ability to change page layouts provides your users with a more immersive experience and allows them to consume information more easily, either with a quick gallery view, or a detailed summary view.

Read More       Demo

Colorful Content Accordion with CSS & jQuery

Looper js

A simple, yet very eye-catching and colorful accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects. This handy script delivered by Martin Angelov is both easily modifiable end embeddable.

A simple, yet very eye-catching and colorful accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects. This handy script delivered by Martin Angelov is both easily modifiable end embeddable.

Read More       Demo

TN34 Timetabs ??? jQuery Plugin

Looper js

This jQuery plugin by Mario Alves creates tab container that switches automatically every cycle (or interval) to next tab ??? the plugin is compatible with most modern browsers???

This jQuery plugin by Mario Alves creates tab container that switches automatically every cycle (or interval) to next tab ??? the plugin is compatible with most modern browsers???

Read More       Demo

jQuery Horizontal Accordions plugin: Easy Accordion

Looper js

Easy Accordion is a highly flexible jQuery plugin for creating horizontal accordions quickly.It generates the accordion from definition lists (dts, so it is SEO friendly) and has support for multiple instances to be ran on the same web page.The plugin can slide any content like images, lists, Flash, etc. and its look can be totally customized via CSS.

Easy Accordion is a highly flexible jQuery plugin for creating horizontal accordions quickly.It generates the accordion from definition lists (dts, so it is SEO friendly) and has support for multiple instances to be ran on the same web page.The plugin can slide any content like images, lists, Flash, etc. and its look can be totally customized via CSS.

Read More       Demo

An Awesome jQuery Plugin For Creating Magical Layouts ??? Isotope

Looper js

Isotope is an impressive jQuery plugin that enables us to sort items and create smart layouts.Using the plugin, any given list of items can be filtered with show/hide effects and they can be re-ordered with slick animations.The plugin???s layout features are very powerful as well. With a simple function, items can be converted into horizontal/vertical layouts or arranged intelligently within a grid and much more. And, all with nice animations.

Isotope is an impressive jQuery plugin that enables us to sort items and create smart layouts.Using the plugin, any given list of items can be filtered with show/hide effects and they can be re-ordered with slick animations.The plugin???s layout features are very powerful as well. With a simple function, items can be converted into horizontal/vertical layouts or arranged intelligently within a grid and much more. And, all with nice animations.

Read More       Demo

Fancy jQuery Sliding Form with Demo

Looper js

We are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access ??? it basically works like a slide show, just that we have fieldsets of a form instead of images.

We are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access ??? it basically works like a slide show, just that we have fieldsets of a form instead of images.

Read More       Demo

Tabify jQuery Plugin with Demo

Looper js

This jQuery plugin lets you easily create tabbed content. All you need is an ul-element with some li-elements and a couple of related content-divs. The major difference between Tabify and it???s competitors is it???s size.

This jQuery plugin lets you easily create tabbed content. All you need is an ul-element with some li-elements and a couple of related content-divs. The major difference between Tabify and it???s competitors is it???s size.

Read More       Demo

idTabs jQuery Plugin with Demo

Looper js

idTabs is a plugin for jQuery that makes adding tabs into a website super simple. But it can also open the door to endless possiblities.

idTabs is a plugin for jQuery that makes adding tabs into a website super simple. But it can also open the door to endless possiblities.

Read More       Demo

MobilySelect jQuery plugin

Looper js

MobileSelect is jQuery plugin which sort the images with the help of tab menus ???.

MobileSelect is jQuery plugin which sort the images with the help of tab menus ???.

Read More       Demo

jQuery Tiny Carousel with Demo

Looper js

Tiny Carousel is a lightweight carousel for sliding html based content. It was built using the javascript jQuery library. Tiny Carousel was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.

Tiny Carousel is a lightweight carousel for sliding html based content. It was built using the javascript jQuery library. Tiny Carousel was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.

Read More       Demo

Create a Slick Tabbed Content Area using CSS & jQuery with Demo

Looper js

This tutorials teaches you how to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we???ll achieve the same thing using the jQuery library.

This tutorials teaches you how to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we???ll achieve the same thing using the jQuery library.

Read More       Demo

Create A Organic Tabbed Interface Using jQuery with Demo

Looper js

The plan is to build a tabbed area, something pretty simple to do from scratch with jQuery, and then make it behave better. Of course, we???ll keep it simple, and keep the markup clean and semantic. The guts of the functionality will be based on calculating heights and animating between those heights on the fly.

The plan is to build a tabbed area, something pretty simple to do from scratch with jQuery, and then make it behave better. Of course, we???ll keep it simple, and keep the markup clean and semantic. The guts of the functionality will be based on calculating heights and animating between those heights on the fly.

Read More       Demo