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.
CSS Play Mini Tabs
Yahoo style Drop Down Tab Interface
jQuer Tab Skin
JQuery TabContainer Theme with Tab Transition Animations
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,
Coda Slider
A cool Sliding effect inspired by coda site
Tab Accordian
Tabbed style accordion script written with Moo.FX, this is my favorite
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
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
jQuery idTabs
idTabs is simple and easy to use.not overloaded with features, it gets to the point.
Rotating UI Tabs
A simple yet cool tab build in jquery
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
Closable Tabs
The Closeable Tab widget allows tabs to be removed.
Paged Tab Menu
Very Cool Horizontal Tab interface from cssplay
Draggable Tabs
The Draggable Tab widget allows tabs to be dragged (and dropped) between one or more modules
Fancy Sliding Tab Menu
Fancy Sliding Tab Menu using script.aculo.us
Carousel Tab
Module Tabs - Carousel (1 at a time, zero animation, external controls)
Moo Tabs
Cool Animated tab using moo tools
jQuiery UI Tab
A Tabbed Interface Using jQuery
Ajax Tabber
This Ajax-enabled UI component lets you add feature-rich and nice looking tabs to your site or web application.
Nested Tabs
Updated JQuery Nested Tab Set with Demo
Accordion Scripts
Moo Fx Two Column Accordian
cool two column Accordion in Moo FX
Moo Fx Horizontal Accordian
cool horizontal Accordion in Moo FX
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
Draggable Accordion
Ext Accordion Widget
Simple Javascript Accordian
This is one of the smallest accordion you can find on the web 1149 Bytes.
Moo Tool Accordian
Accordion with color transition
Accordion v2.0
Finally a lightweight accordion that is built with scriptaculous and works properly in every browser.
Yet Another Mootool Accordion
Accordions based on a pressed key combo
Completely Flexible Accordion
Horizontal Accordion
Accordion Using jQuery



















































October 12th, 2008 at 8:58 pm
great post! very useful.
October 13th, 2008 at 3:24 am
awesome collections!!!.. Many many thanks…
October 13th, 2008 at 4:48 am
Wow, these are really great resources. I am a real fan of the coda slider. Others are also simply gr8. Thanks for the post.
Cheers.
October 13th, 2008 at 7:02 am
Awesome examples! Thanks a ton.
October 13th, 2008 at 7:49 am
Hi,
This is reaalllly amazing. Just ultimate. Such great resources in one place. Am surely gonna study these.
October 13th, 2008 at 8:07 am
Thanks, just what I needed.
We’re going to use some of the code for a project, When its finished I will post a link for the result.
October 13th, 2008 at 10:22 am
Wow, these are really great resources.Many many thanks brother!!!!!
October 13th, 2008 at 11:52 am
nice compilation
October 13th, 2008 at 6:08 pm
this is very very useful
October 13th, 2008 at 9:51 pm
Very nice resource I’ve booked this, thanks.
October 15th, 2008 at 10:10 am
Wow…….
Really Nice Collections da bujju……….Very very helpful for me…..Great Resources in One Blog(Dzineblog)
October 16th, 2008 at 12:18 pm
Great roundup and truly worth to bookmark this one
Thanks
October 18th, 2008 at 9:14 am
Wow, Im happy to find good resources. Thanks
October 30th, 2008 at 8:01 pm
Thank you for an interesting article.
-Joe
December 19th, 2008 at 1:11 pm
the Tab Accordian menu is my favorite, their all pretty cool, but i noticed some of them are not very usefull at all and similar effects could be done with simple html
January 7th, 2009 at 9:41 am
Hey Nice Site
January 30th, 2009 at 6:07 pm
nice !!!!
February 22nd, 2009 at 7:07 am
Amazing!!!
this is what we expecting or expected.
will expect more and more
thank you
March 17th, 2009 at 1:41 pm
Great collection. Very useful. Thanks
March 27th, 2009 at 7:24 pm
very Nice Site
April 9th, 2009 at 6:00 am
how can i put this code in one of the tab
this is not working in the tab….
can someone help me…..
April 9th, 2009 at 6:01 am
how can i put this code in one of the tab
” ”
this is not working in the tab….
can someone help me…..
April 9th, 2009 at 6:02 am
this is not working in the tab….
// //
can someone help me…..
June 9th, 2009 at 11:15 pm
:O excelent, very nice and simple.
Tnx so much
July 4th, 2009 at 11:07 pm
great, very great collection, Horizontal Accordion ist the best…
August 6th, 2009 at 4:14 pm
Perfect, it’s great to have a good selection in one place.
Thanks
September 12th, 2009 at 11:28 am
This is very good article.
October 26th, 2009 at 7:39 am
Great Blog, Very very useful. Thanks
October 26th, 2009 at 7:43 am
Great Collections…….. Thanks!
December 28th, 2009 at 4:56 am
Are all the Above controls free to use
January 10th, 2010 at 7:41 am
Thanks for u’r sharing, it’s useful for me
January 22nd, 2010 at 12:08 pm
Thanks for sharing us.
January 25th, 2010 at 7:57 am
These animations are awesome, thanks