Join 18,800+ Readers

30+ Animated Tab-Based Interface and Accordion Scripts

by brantwilson

on October 12, 2008

in Resources

Learn how to earn $125 or more per hour as a freelancer - Click Here
Looking for hosting?. We recommend MediaTemple for web hosting. Use Code MTLOVESDESIGN for 20% off


Tabs are fundamental to web design, Nowadays Animated Tabs and accordions are used by most websites,
here we have collected 30+ Tab-Based and Accordion scripts vary from CSS only tabs ,Ajax based, mootools and jQuery with cool Animation . which you can easily incorporate into your future designs

Ajax Drop down Tab Menu…
e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expands collapse smoothly.

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


CSS Play Mini Tabs
Yahoo style Drop Down Tab Interface

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


jQuer Tab Skin
JQuery TabContainer Theme with Tab Transition Animations

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Sliding Tabs
Sliding Tabs is a mootools 1.11 plugin which adds a pretty neat effect. It’s a clone of something seen on Panic Software’s Coda site,

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Coda Slider
A cool Sliding effect inspired by coda site

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Tab Accordian
Tabbed style accordion script written with Moo.FX, this is  my favorite

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Perspective Tabs
Perspective tabs is a simple mootools 1.2 plug-in that allows for a larger number of tabs to fit into a small space

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Scrolling Tabs
This TabPanel is built entirely with javascript and demonstrates: Auto tab resizing, Tab scrolling, Tabs with icons, Tab plugins (context menu), Adding tabs with JS

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


jQuery idTabs
idTabs is simple and easy to use.not overloaded with features, it gets to the point.

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Rotating UI Tabs
A simple yet cool tab build in jquery

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Floating Window with Tabs
The script is easy to set implement. The content of the windows is plain HTML and the window is created by calling one single javascript function

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Closable Tabs
The Closeable Tab widget allows tabs to be removed.

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Paged Tab Menu
Very Cool Horizontal Tab interface from cssplay

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Draggable Tabs
The Draggable Tab widget allows tabs to be dragged (and dropped) between one or more modules

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Fancy Sliding Tab Menu
Fancy Sliding Tab Menu using script.aculo.us

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Carousel Tab
Module Tabs – Carousel (1 at a time, zero animation, external controls)

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Moo Tabs
Cool Animated tab using moo tools

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


jQuiery UI Tab
A Tabbed Interface Using jQuery

30+ Animated Tab-Based Interface and Accordian Scripts

downloadPreviewSource


Ajax Tabber
This Ajax-enabled UI component lets you add feature-rich and nice looking tabs to your site or web application.

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Nested Tabs
Updated JQuery Nested Tab Set with Demo

30+ Animated Tab-Based Interface and Accordian Scripts

downloadPreviewSource


Accordion Scripts

Moo Fx Two Column Accordian
cool two column Accordion in Moo FX

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Moo Fx Horizontal Accordian
cool horizontal Accordion in Moo FX

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Hover Accordian
This is yet another accordion script, except you don’t have to click to open one item, you just move your mouse over it

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Draggable Accordion
Ext Accordion Widget

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Simple Javascript Accordian
This is one of the smallest accordion you can find on the web 1149 Bytes.

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Moo Tool Accordian
Accordion with color transition

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Accordion v2.0
Finally a lightweight accordion that is built with scriptaculous and works properly in every browser.

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Yet Another Mootool Accordion
Accordions based on a pressed key combo

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Completely Flexible Accordion

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource


Horizontal Accordion
Accordion Using jQuery

30+ Animated Tab-Based Interface and Accordian Scripts
downloadPreviewSource

Get certified with ccna training exam by using our free oracle training courses and high quality 1Y0-A17 pdf; also successfully pass 642-583 exam with incredible jsp hosting facility.


Dzineblog Rss Feed

Powered by Shutterstock

About brantwilson

Brant Wilson is a staff writer for the DesignMag network. Brant enjoys all things design and development, dogs, and candy. Brant is passionate about training freelancers. Learn how you can earn $125+ freelancing. Start learning for free now! Connect with Brant on google+