Ajax has becoming very popular recently, but most designers seem to rehash the same script over and over (you’ll see it in a lot of Wordpress Themes and Plugins). Perhaps we aren’t using ajax technology to its full potential, myself included. The list below is made up of the best FREE scripts available, they are all of the highest quality and more or less easy to configure. Give them a try.
I have tried and tested the top 22, and aim to try the rest, because to be honest they look pretty cool.
1. Lightbox 2 (http://www.huddletogether.com)
Description:Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
Technology:Lightbox 2 uses the Prototype Framework and Scriptaculous Effects Library.
2.Timeline (http://simile.mit.edu/timeline/)
Description:Timeline is a widget for visualizing time-based events. It is like Google Maps for time-based information.
Technology:Ajax and DHTML.
3. Reflection.js (http://cow.neondragon.net)
Description:Reflection.js allows you to add reflections to images on your webpages. It works in all the major browsers – Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ and Safari. On older browsers, it’ll degrade and your visitors won’t notice a thing. Best of all, it’s under 5KB.
Technology:Javascript.
4. Pie & Donut Chart (http://www.amcharts.com/pie/)
Description:Pie & Donut (doughnut) is a very universal and fully configurable Flash chart. Using it, you can easily have good-looking, animated pies or donuts on your website. You can also use it for creating elaborate navigation menus.
Technology:Flash.
5. Plotr (http://solutoire.com/plotr/)
Description:Plotr is a lightweight chart creating framework. It’s released under the BSD license.
Technology:Mochikit.
6. Ajax Instant Messenger (http://www.ajaxim.com/)
Description:Ajax im is a browser-based instant messaging client. It can be used in conjunction with community, intranet, and social websites. No refreshing of the page is ever needed for this “web application” to work.
Technology:Ajax and Javascript.
7. Starbox (http://www.nickstakenburg.com/projects/starbox/)
Description:Starbox allows you to easily create all kinds of rating boxes using just one PNG image.
Technology:Prototype javascript framework.
8. Ajax Tabs Content (http://www.dynamicdrive.com/)
Description: This is a versatile script that lets you display content pulled from external files inside a DIV and organized via CSS tabs. A fully unobtrusive, CSS and HTML based script.
Technology:Ajax.
9. Drag and Drop Shopping (http://demo.script.aculo.us/shop)
Description: An excellent drag and drop shopping cart.
Technology:Ajax.
10. Progress Bar (http://www.webappers.com/progressBar/)
Description: A very stylish progress bar.
Technology:Ajax.
11. Thick Box (http://jquery.com/demo/thickbox/)
Description: ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.
Technology:Javascript.
12. Create Flickr Like Fields (http://dbachrach.com)
Description: The name says it all. Technology:Ajax.
13. jTip – A jQuery Tool Tip (http://codylindley.com)
Description: jTip, not unlike Thickbox, pulls data from the server using a hidden http request. It’s nothing that fancy…
Technology:Ajax.
14.Accordian (http://demos.mootools.net/Accordion)
Description: A smooth and stylish ‘accordian’ effect menu.
Technology:Moo Tools Javascript Framework.
15. Unobtrusive AJAX Star Rating Bar (http://www.masugadesign.com)
Description:This is a rating bar script done with PHP and mySQL that allows users to rate things like can be done on Netflix or Amazon, all web 2.0-like with no page refresh.
Technology:PHP.
And the rest…
16. Plotkit (Javascript Chart Plotting Script).
17. Pie (Create ajax pie charts).
18. Prototip (Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework).
19. Ajax Inline Text Edit (This is a very simple script which only works with span tags).
20. Tabbed Content Browser (An Ajax powered tabbed content browser).
21. Table Sorting Script (An unobtrusive ajax Table Sorting Script).
22. Color Sphere (DHTML Color Picker).
23. Mapper.js (Thisallows you to add automatic area highlighting to image maps on your webpages (inc. export to SVG)).
24. Live Validation (LiveValidation is a small open source javascript library built for giving users real-time validation information).
25. Draggable Content (Javascript drag and drop).
26. Carousel (A Carousel Effect Image gallery).
27. Multibox (A javascript lightbox that supports images, flash, video, mp3s…).
28. Smooth Gallery (Using mootools v1.11, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website…).
29. Form Style Generator
30. Auto Complete (A MooTools Autocompleter widget that creates a unobtrusive and customisable suggestion box for input fields from variable data sources).
31. Active Collab (An open Source Project Management Script).
32. Greybox (A small unobtusive pop up script).
33. Ajax Poller.
34. Tablekit (TableKit is a collection of HTML table enhancements using the Prototype framework).
35. J-query Shoutbox (This script is based on jQuery library and Form plugin.
It’s very easy to setup it, also an archive is available for download so you can play with the files on your localhost).
36. Ajax RSS Ticker.
37. Highslide (It streamlines the use of thumbnail images and HTML popups on web pages).
38. Slideshow Viewer (Stylish gallery script with a ‘lightbox’ effect).
39. Mocha (Mocha is a web applications user interface library built on the Mootools javascript framework. The Mocha GUI components are made with canvas tag graphics).
40. Loading XML into a page with xmlHttpRequest.
There are 47 Comments › Leave your comment
Leave a Reply
66 Trackbacks
- The Top 40 Free Ajax & Javascript Code for Web Designers
- The Top 40 Free Ajax & Javascript Code for Web Designers « IP Solutions
- The Top 40 Free Ajax & Javascript Code for Web Designers « PHP Net
- The Top 40 Free Ajax & Javascript Code for Web Designers « Java Net
- Gearfire.com » Blog Archive » The Top 40 Free Ajax & Javascript Code for Web Designers
- pligg.com
- purrl.net |** urls that purr **|
- roScripts - Webmaster resources and websites
- Devolio
- LinkBuzz
- CommentURL.com | A world of interesting web pages
- Caminews » The Top 40 Free Ajax
- Web Design Ideas
- Top 40 de código Ajax y JavaScript para tu sitio Web | Uberbloggerz
- AnAngelinoInReno.com
- links for 2008-02-12 « Donghai Ma
- links for 2008-02-12 « Mandarine
- Ramblings and Testings :: :: links for 2008-02-12
- links for 2008-02-12 | My personal site. | Scott Brenner
- Skylog » Blog Archive » links for 2008-02-12
- links for 2008-02-12 | Dave Kelly :: Blog
- links for 2008-02-12 « toonz
- Ajax & Javascript Code für Webmaster | Webregard - Watch the Web
- WDI » Blog Archive » The Top 40 Free Ajax & JS for Web Designers - from DIGG
- Ceterum Censeo » Webfundstücke, die mir letzte Woche gefallen haben
- BlogBuzz February 16, 2008 » Webmaster-Source
- Java Entrepreneur
- moneyblog » Link Tips: 24 February 2008
- Templaterie Blog
- Recursos y Tutoriales » Blog Archive » Top 40 códigos gratis Ajax y Javascript
- The Top 40 Free Ajax & Javascript Code for Web Designers - Backoffice Freeware Program
- Web Tasar
- Link Tips: 24 February 2008
- Serhat Yolaçan » Web Tasarımcıları için 43 Bedava ajax & javascript
- 40 Excellent Resources for JavaScript Coders - A Great Place for News, Articles & Free Web Resources
- 40 Excellent Resources for JavaScript Coders | 达达的Blog
- KMC | Web & Internet Teknolojileri Günlüğü » Javascript Kodları için 40 Kaynak Site
- links for 2008-05-29 « Bob’s Weblog
- The Link List… come get your inspiration!
- The Top 40 Free Ajax & Javascript Code for Web Designers | WhiteSandsDigital.com
- 40 Excellent Resources for JavaScript Coders « Jonsunhee’s Weblog
- The Top 40 Free Ajax & Javascript Code for Web Designer | WhiteSandsDigital.com
- » 40 Excellent Resources for JavaScript Coders: .::O2webdev::. Freelance Web Designer
- 40 Excellent Resources for JavaScript Coders : NguyenVanChieu
- IT Magzine : Best resources for developers: 2008+ tips, tricks, scripts and sources
- 2008年国外最佳Web设计、开发技巧、脚本及资源总结 at 左岸开发
- cssframework » 2008年国外最佳Web设计/开发技巧、脚本及资源总结
- Best of 2008 for developers: 2008+ tips, tricks, scripts and sources!
- 5ihappy工作室 » 2008年国外最佳Web设计/开发技巧、脚本及资源总结
- 2008年国外最佳Web设计/开发技巧、脚本及资源总结 - EventID中文网
- 转载 –2008年最佳Web设计/前端开发技巧、脚本及资源总结 « Eva’s Blog
- 小卡在线 _kavid.net_中国最中立的大众产品评测网站_着意生活,分享快乐_汽车评测_电脑评测_数码评测_玩具评测_日用品评测
- 2008年国外最佳Web设计/开发技巧、脚本及资源总结 | 紧跟IT潮流
- 2008年国外最佳Web设计/开发技巧、脚本及资源总结 - BlueFox Zone
- Have to say » Blog Archive » 国外Web设计/开发技巧/脚本/资源总结
- SuperJavaSon » 2008年国外最佳Web设计/开发技巧、脚本及资源总结
- 2008年国外最佳Web设计/开发技巧、脚本及资源总结 « 每日新闻,保证你与世界同步
- 永不弃垒… » Blog Archive » 转载-cnbeta 2008年国外最佳Web设计/开发技巧、脚本及资源总结
- Best of 2008 for developers: 2008+ tips, tricks, scripts and sources! | 赫伯特.皮特
- 我想网 » Blog Archive » 2008年国外最佳Web设计/开发技巧、脚本及资源总结
- 2008年国外最佳Web设计/开发技巧、脚本及资源总结 | 丁总
- 2008年国外最佳Web设计/开发技巧、脚本及资源总结 | ONEDUST - 浮塵草堂
- GNULife.CN » 国外一些优秀的前端开发相关的教程、技巧、脚本、实例及工具资源 - 自由软件光盘U盘分发站 自由软件文档在线查看
- [转载]2008年国外最佳前端开发技巧、脚本及资源总结 | 软件测试起航
- 2008年国外最佳Web设计/开发技巧、脚本及资源总结 | JoyJS博客社区-互联网信息技术交流平台
- web tasarımcılar için 43 tane bedava ajax & javascript MG - MG Blog



























10 Feb, 2008
Damn, if this is not the best post I’ve read for long time. Great site.
11 Feb, 2008
Thanks for that David. Speckyboy.
11 Feb, 2008
Lightbox is great but it’s old news. Anybody that likes that affect should be using the “backbox” it works the same but better. you can click on any “blacked” out area to go back to the page. not just the little x. it’s also been trimmed down so helps with load times and accessibility etc.
11 Feb, 2008
NIce set, thankx
11 Feb, 2008
Well I’ve just released the latest version of Flickrshow, (6) and the previous version was pulling a good 40,000 requests a day. Thats pretty popular.
http://www.flickrshow.com
11 Feb, 2008
I can’t understand why you have ActiveCollab in the list – its a PHP app.
Some other links…
jx – JavaScript Ajax Library
AHAH(Asynchronous HTML over HTTP)
11 Feb, 2008
As a web developer, this is a great list of AJAX code. I have used both lightbox and reflection to create some really great effects.
11 Feb, 2008
Looks like you drag & dropped the description fields for #9 & #10 :)
Good list, but I have to chime in with my own “wattabout?”. You forgot the greatest slideshow script ever: Mike Alsup’s Cycle plugin for jQuery. http://www.malsup.com/jquery/cycle/
12 Feb, 2008
I did indeed. Thanks for the heads up,Sean.
28 Feb, 2008
pretty good list, nice articles out there
stumbled 5*****
6 Mar, 2008
Don’t forget instantsearchdomain.com, it’s really good ajax application. And thanks for the Draggable Content script link, I came here while searching for this script.
Thanks a lot, good information.
11 Mar, 2008
thanks for the list:) thumbs up! its gonna take a while to go through that list
20 Mar, 2008
Great post…opens my mind to lots of new possibilities!
20 Apr, 2008
tenks
30 Jun, 2008
Nice ajax sripts, i spetially enjoy the Reflection.js project
9 Jul, 2008
thanks..
15 Jul, 2008
thanks a lot
25 Jul, 2008
Great Thanks.
25 Aug, 2008
excellent job thanks
10 Dec, 2008
Thank you! You did a great job!
Probably this resource can also be added to you list – Origramy flash graph component http://origramy.com
it’s a flash component for graph and flow chart building. it’s XML powered and has JavaScript support
12 Dec, 2008
Excelent scripts….
all are working.i never such a site on ajax…..
great job……
8 Jan, 2009
thanks you very much. I love you.
29 Jan, 2009
thank… nice list…
20 Feb, 2009
please add this
http://www.jooria.com/s76/Ajax-Script.html
23 Feb, 2009
I need to study AJAX so i tried for this helping moment
4 Mar, 2009
very good and impressive url locations and help
thanks a lot.
29 Mar, 2009
good
19 Apr, 2009
What about FlyCharts? http://flycharts.net
All types of charts in it can be executed with Ajax
20 Apr, 2009
thanks alooot
29 Apr, 2009
Thanks man, you saved my ass.
3 May, 2009
Thank you.
3 May, 2009
i concur with the above comment. lol.
7 May, 2009
Koolllllllll
16 May, 2009
Thanks a lot for this, it is very helpful for me…
19 May, 2009
Don’t forget instantsearchdomain.com, it’s really good ajax application. And thanks for the Draggable Content script link, I came here while searching for this script.
8 Jun, 2009
we have just used lightbox and jtip on a recent project.
Awesome list. Bookmarked.
Thank you
K.
29 Jun, 2009
Thanks! I needed this :D
24 Jul, 2009
Thx for the list.
27 Jul, 2009
There has been a lot of talk about CSS buttons lately. Very understandable, since there are a lot of web applications being developed today that could benefit from slick looking buttons without loss in accessibility. Before jumping on the train myself, I just want to emphasize that you should not use this technique to replace real form buttons unless you know what you are doing. That said, the script I am providing to this article can create the same stylish buttons out of boring input buttons as well as plain anchors.
11 Oct, 2009
its very nice documents.
12 Nov, 2009
I’m really very useful to follow a long-time see this as a blog here Thank you for your valuable information.
18 Dec, 2009
are good information. author thanks
18 Dec, 2009
Nice information… thanks for share by admin
20 Dec, 2009
Very nice documents..
23 Dec, 2009
best collections, just great!
web developer love this kind of compilation.
31 Dec, 2009
see this jquery plugins
http://www.jooria.com/scripts/JavaScript-Framework-122/jQuery-827/index.html
22 Jan, 2010
Wow, looks like there are a lot of great resources for me to use, thanks, i’ll bookmark this page ;D