Smashing Magazine - we smash you with the information that will make your life easier. really.
The Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Author of several books. Runs the business.
- 125 Comments
- 1
- 3April 18th, 2007 3:24 am
Again, another great list!
- 4April 18th, 2007 3:46 am
LOL!
Both are wrong!Its Freeware Tab Interfaces, not Interace
- 5April 18th, 2007 3:49 am
Awesome List. Pulled some good stuff from these, which I needed. I love this website. Can’t wait for the next design showcase post. :)
- 6April 18th, 2007 4:33 am
Are you guys looking over my shoulder? I was working on a cute little tab-based interface – nothing as cool as what you have here. This post should save me a few hours upfront and countless hours in maintenance.
Thanks!
- 7April 18th, 2007 4:54 am
Did you wait for me to spend four hours yesterday before posting this? :P
- 8April 18th, 2007 4:55 am
Did you wait for me to spend four hours coding yesterday before posting this? :P
- 9April 18th, 2007 4:57 am
Thank’s for the great list , as always very nice research ;)
- 10April 18th, 2007 7:25 am
Thanks for the list.
Please note there’s a typo “Interaces” (twice) :-)
- 11April 18th, 2007 9:28 am
Great list!
thanks.
BTW, its ‘interface’ not ‘inferface’
- 12April 18th, 2007 11:53 am
Great list, excellent information. This is my first post but i am a frequent visitor. Please plan a organized section for new designers and developers.
- 13April 18th, 2007 2:13 pm
谢谢你的文章!每天会因为看到您的文章而高兴!因为我又可以学到好东西了!
- 14April 18th, 2007 2:20 pm
I made some research a couple of months ago in search for the perfect tabbed interface. All but Barelyfitz’ Tabber have the same flaw : their markup is semantic non-sense, ie there’s a UL list, then the tabs, which makes absolutely no sense when printed. On the contrary, Tabber starts from correct and sensible markup, and then generates a clean tabbed interface.
- 15April 18th, 2007 3:03 pm
Thanks bro, this is just what I needed :)
- 16April 18th, 2007 3:41 pm
great list, thanks, i was just starting the other day to look for some examples, as i have to use this method in a project.
great work! - 17April 18th, 2007 4:14 pm
great list, i’ve almost tesed all that solutions, some are great ( JavaScript Tabifier ) but that magic is a little calmed down by some function that aren’t fully cross-browser ( JavaScript Tabifier and ajax loading failing with IE for exemple, or Ajax Tabs Content script ) so take care not choosing a solution, deploying and in fine discovering that it’s broken on some browser.
That’s why i recommande YUI, as it’s the almost unique one which is fully-CP certified. - 18April 18th, 2007 4:41 pm
You missed some, like MooTabs and Digitarald’s Tabs for mootools ;-) If you want to know more they are in my mootools plugins list (french).
There was the net4visions.com prototype tabs script too, the original site is down, but you can grab a copy there.
- 19April 18th, 2007 5:23 pm
Regarding ‘dhtmlxTabbar ‘
“Eeeek!”
and
“What?!!!”
and
“Step away from the interface and lay down your mouse, sir”
- 20April 18th, 2007 6:16 pm
Brilliant as usual :)
- 21April 18th, 2007 6:48 pm
Excellent list. Very informative, to the point and fun!
- 22April 18th, 2007 10:05 pm
nice examples. i think we will see much more of theses techniques in the near future. thanks
- 23April 18th, 2007 10:52 pm
Just make sure that you test with all internet browsers!
- 24April 18th, 2007 11:24 pm
Ext has a really nice, robust tab interface: http://extjs.com/deploy/ext/examples/tabs/tabs.html
- 25April 18th, 2007 11:32 pm
This is right on time post :)
- 26April 19th, 2007 3:25 am
Are there any here that can handle 2 rows of tabs? As in, when the number of tabs (or the lengths of their labels) causes the tab row to be wider than the container?
I’ve all but given up on tabs, because I can never get anyone to agree on labels short enough to fit. Fluid layouts complicate this even further…
- 27April 19th, 2007 6:46 am
It looks like you forgot Adobe’s Spry tabs. They are neatly integrated into Dreamweaver CS3, but anyone can use them. They are great, incredibly styleable, and very lightweight (if you take out all the comments they leave in for you).
- 28April 20th, 2007 3:47 pm
thanks! really useful
- 29April 21st, 2007 10:29 pm
Another Typo — It should be Interfaces (note the F) you have “Freeware Tab Interaces” and “Shareware Tab Interaces”
PS. Great articles!
- 30April 26th, 2007 6:58 pm
Himm Very excellent list. I used some tabs ;)
Thanks for share
- 31May 2nd, 2007 2:27 pm
Hi, you forgot WebFX Tab Pane (http://webfx.eae.net/dhtml/tabpane/tabpane.html). This widget used by Joomla and Mambo CMS.
- 32June 20th, 2007 8:31 am
I’ve tried WebFX and cannot get more than 2 tabs to work. I’ve tried to use Adobe Spry Framework and it doesn’t work right of the bat and no support from Adobe. Just other users sayng “I don’t know what to tell you. It works for me.”
I just got a fix from the Adobe forum and am sticking with the Spry stuff altogether.
- 33July 17th, 2007 1:56 pm
I am here for the frst time. i got surprised after seeing such detailed informations which are io think not available any where else.
Overall is a good work done! - 34September 17th, 2007 2:40 pm
The only problem with tabbed interfaces are still the search engines crawling…
Most of the scripts aren’t friendly to search engines.
- 35September 21st, 2007 5:06 pm
How to add tab on the fly? I have used the dhtmlxTabbar on my page and it has button for adding new tab and to delete tab. But I don’t how to make it..
Thanks you
TOON
- 36December 3rd, 2007 5:37 pm
only u need to add … when user hit the button.. with the help of javascript.. just googled the problem…
- 37January 26th, 2008 9:02 am
This list is good, but it would be way better if you could list the advantages / disadvantages of each…
Cheers
- 38January 28th, 2008 3:20 am
How can i make these tabs dynamic adding tabs into tabcontainer according to the fields retrived from database. also along with adding fields have to add dynamically data into it?? any suggestions
thanks
- 39February 13th, 2008 6:45 am
I’ve also wrote a list of free Ajax tab samples on my blog, you can read it at http://www.geektips.net/108/ajax-tabs-the-amazing-samples.html
- 40September 22nd, 2008 4:29 am
thanx
- 41October 3rd, 2008 6:00 pm
special thanks..
great post..
- 42
- 43
- 44April 22nd, 2009 12:41 am
Thanx Nice
- 45April 26th, 2009 9:43 am
I want tabs to load external pages data, when clicked.
When a tab is clicked, It would display a waiting icon till the related data is downloaded from an external page linked with that tab.
- 46May 31st, 2009 10:12 pm
You have a spelling mistake in “Freeware Tab Interaces” it should be Interfaces.
Rajivk1 – if you want to load external data & want to show the loading icon – please use Ajax. In now days you can do it quite easily. :)
- 00
There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.
Leave a Comment
Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!
Interact
Popular
- 100 Wordpress Themes
- Photoshop Tutorials
- Fantastic Wallpapers
- 40+ Excellent Freefonts
- Dual-Screen Wallpapers
- Wordpress Themes for 2009
- Illustrator Tutorials
- Incredible Free Icon Sets
- High-Quality Free Fonts
- 30 Scripts For Galleries
- Photoshop Text Effects
- Useful Icon Sets
- Web Design Trends
- iPhone Wallpapers
- Before Launching a Website
- CSS Layouts And Templates
- Photoshop Actions
- Stunning Pictures and Photos
- Fantastic HDR Pictures
- Logo Design Tutorials
- Free Design Templates
- 10 Mistakes In Logo Design
- Photoshop Custom Shapes
- 40 Creative Design Layouts
- 8 Layout Solutions
- 53 CSS Techniques
- Photography Techniques
- Black & White Photography
- Styling Design Elements
- CSS-Based Forms
- 50 jQuery Techniques
- 50 Portfolio Websites
- 50 CSS Techniques
- Creative Logo Designs
- Desktop Wallpapers
- 25 Open Source Mac Apps
- 50 Free Icon Sets
- The Big Showcase Of Online T-Shirt Stores - http://bit.ly/5Tq8uA
- @ilmv oh ok then ;)
- @ilmv no, the SM Book will not be out of date :) We made sure it contains universal design, usability and marketing principles.
- Apple ad bombing Windows 7 on Google - http://bit.ly/28ctPq
- Atatonic - a fresh CSS framework - http://bit.ly/4oOV2w (via @umutm)
- @HrvojeKC yes, that's an interesting idea. Maybe when the waiting is over, we'll write a detailed post about it.

















Great list!
thanks.
BTW, its ‘interface’ not ‘inferface’ :)