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

Posted by 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+

64 Comments

  1. great post! very useful.

    Reply

  2. awesome collections!!!.. Many many thanks…

    Reply

  3. 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.

    Reply

  4. […] las pestañas y los efectos acordeón son utilizados por la gran mayoría de sitios web, en el blog DzineBlog, han seleccionado más de 30 formas de presentación de información muy animadas con pestañas, […]

    Reply

  5. Awesome examples! Thanks a ton.

    Reply

  6. Hi,
    This is reaalllly amazing. Just ultimate. Such great resources in one place. Am surely gonna study these.

    Reply

  7. 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.

    Reply

  8. Wow, these are really great resources.Many many thanks brother!!!!!

    Reply

  9. […] reading 30+ Animated Tab-Based Interface and Accordion Scripts This entry was written by Robin Wood and posted on October 13, 2008 at 9:17 am and filed under […]

    Reply

  10. this is very very useful

    Reply

  11. […] A collection of 30+ tab-based interface and accordion for you to choose. A great collection, view them all. […]

    Reply

  12. Very nice resource I’ve booked this, thanks.

    Reply

  13. […] 30+ Animated Tab-Based Interface and Accordion Scripts (tags: ui navigation tabs accordian) […]

    Reply

  14. […] 30+ Animated Tab-Based Interface and Accordion Scripts (tags: ajax) […]

    Reply

  15. […] 30+ Animated Tab-Based Interface and Accordion Scripts (tags: webdesign) […]

    Reply

  16. Wow…….
    Really Nice Collections da bujju……….Very very helpful for me…..Great Resources in One Blog(Dzineblog)

    Reply

  17. Great roundup and truly worth to bookmark this one 🙂 Thanks 🙂

    Reply

  18. […] 30 tabs and accordion scripts […]

    Reply

  19. […] 30 adet tabl? ve akordion css uygulamas? ise burada.. […]

    Reply

  20. […] 30+ Animated Tab-Based Interface and Accordion Scripts (tags: webdesign navigation) […]

    Reply

  21. Wow, Im happy to find good resources. Thanks

    Reply

  22. […] 30+ Animated Tab-Based Interface and Accordion Scripts […]

    Reply

  23. […] 30 adet tabl? ve akordion css uygulamas? ise burada.. […]

    Reply

  24. […] 30+ Animated Tab-Based Interface and Accordion Scripts […]

    Reply

  25. Thank you for an interesting article.

    -Joe

    Reply

  26. […] 30+ Animated Tab-Based Interface and Accordion Scripts […]

    Reply

  27. […] 30 tabs and accordion scripts […]

    Reply

  28. 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

    Reply

  29. […] 30+ Animated Tab-Based Interface and Accordion Scripts (32) […]

    Reply

  30. Amazing!!!
    this is what we expecting or expected.
    will expect more and more

    thank you

    Reply

  31. […] 30+ Animated Tab-Based Interface and Accordion Scripts 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 (tags: css js tabs) […]

    Reply

  32. Great collection. Very useful. Thanks

    Reply

  33. very Nice Site 🙂

    Reply

  34. how can i put this code in one of the tab

    this is not working in the tab….

    can someone help me…..

    Reply

  35. how can i put this code in one of the tab

    ” ”

    this is not working in the tab….

    can someone help me…..

    Reply

  36. this is not working in the tab….

    // //

    can someone help me…..

    Reply

  37. :O excelent, very nice and simple.

    Tnx so much

    Reply

  38. great, very great collection, Horizontal Accordion ist the best…

    Reply

  39. […] 30+ Animated Tab-Based Interface and Accordion Scripts […]

    Reply

  40. Perfect, it’s great to have a good selection in one place.

    Thanks

    Reply

  41. […] 30+ Animated Tab-Based Interface and Accordion Scripts […]

    Reply

  42. […] 30+ Animated Tab-Based Interface and Accordion Scripts […]

    Reply

  43. […] 30+ Animated Tab-Based Interface and Accordion Scripts […]

    Reply

  44. Great Blog, Very very useful. Thanks

    Reply

  45. Great Collections…….. Thanks!

    Reply

  46. Are all the Above controls free to use

    Reply

  47. Thanks for u’r sharing, it’s useful for me

    Reply

  48. These animations are awesome, thanks

    Reply

  49. […] 30+ Animated Tab-Based Interface and Accordion Scripts […]

    Reply

  50. Great post. Really useful. Thanks. Keep up the good work.

    Reply

  51. […] ?30+ Animated Tab-Based Interface and Accordion Scripts | Dzine Blog […]

    Reply

  52. Hi, im coming from Dream Treasure Rewards team. We provide Prime Rewards for Filling Out Internet Surveys Besides being around for above 14 years and having awesome customer service to spend time with our members, we are also well known through site society for providing exceptional reward. Not like most reward web sites that provide you the world and after that fail miserably, our web site is known to give some of the best rewards existing. Here are just a couple of of the several wonderful benefits you are able earn when you complete our on-line surveys: iPads, iPhones, Discount cupons, mp3 players and more cool stuff.

    Reply

  53. […] 30 Animated Tab-Based Interface and Accordion Scriptswith moo.fx, this is  my favorite perspective tabs perspective tabs is a simple mootools 1.2 plug-in that allows for a larger nu…はてなブックマークより […]

    Reply

Leave a reply

Your email address will not be published. Required fields are marked *