29 Ekim 2013 Salı

Awesome 41 of the Best MooTools Plugins & Examples

I wrote an article a few weeks back about Javascript frameworks (Top 10 Javascript Frameworks – Which do you prefer?), and the general consensus was that jQuery was the best. I like scriptalicious and Prototype, but I have been looking at MooTools recently, and I like what I see. Here are the best MooTools Plugins:


1. Photo Gallery


Photo GalleryURL: http://www.hotajax.org/content/view/211/420/.
Description: A marvellous interactive Photo Gallery.
Demo:View Demo.


2. Noob Slide


Noob SlideURL: http://www.outcut.de/.
Description: This is another image gallery slideshow, nicely done..
Demo:View Demo.


3. Simple 3D Carousel


Simple 3D CarouselURL: http://www.hotajax.org/content/view/491/420/.
Description: A (not so) basic 3D Carousel.
Demo:View Demo.


4. Slider


SliderURL: http://www.phatfusion.net/slider/.
Description: Horizontal or Vertical bar and slider.
Demo:View Demo.


5. Click to change the background


BG ChangeURL: http://www.hotajax.org/content/view/468/420/.
Description: Dynamic color selector- colors swatch animate to pick and change the background.
Demo:View Demo.


6. Pamoorama


PamooramaURL: http://www.silverscripting.com….
Description: It show only part of your fullsize image, the image can then be scrolled by moving the mouse over it.
Demo:View Demo.


7. Tips


TipsURL: http://www.hotajax.org/content/view/213/420/.
Description: A stylish tool tip demo.


8. Javascript Image Gallery


Javascript Image GalleryURL: http://tutorialdog.com….
Description: A simple but very useable Image gallery.
Demo:View Demo.


9. Sample Nav Bar


Sample Nav BarURL: http://www.hotajax.org/content/view/212/420/.
Description: A stylish and easy to use nav bar.
Demo:View Demo.


10. Slidinglist


SlidinglistURL: http://www.hotajax.org/content/view/210/420/.
Description: A tree-like sliding navigation system.
Demo:View Demo.


11.Multibox


MultiboxURL: http://www.phatfusion.net/multibox/.
Description: A lightbox that supports images, flash, video, mp3s, html.
Demo:View Demo.


12. Image Menu


Image MenuURL: http://www.phatfusion.net/imagemenu/.
Description: A horizontal menu, reveals more of the image as you rollover it.
Demo:View Demo.


13. Window Growl


Window GrowlURL: http://icebeat.bitacoras.com….
Description: Tooltips with a difference.
Demo:View Demo.


14. ReMooz


WidgetURL: http://digitarald.de/playground/remooz.html.
Description: Simpliar and easier than SqueezeBox. Click on an image and the image will enlarge. Simple, the way I like it.
Demo:View Demo.


15. Accordions


Arcs from Digg LabsURL: http://www.hotajax.org/content/view/98/420/.
Description: A stylish and smooth accordian style navigation.


16. Slideshow


SlideshowURL: http://www.electricprism.com/aeron/slideshow/.
Description: This is by far and away the Photo Gallery with the most features. Very well done.
Demo:View Demo.


17. mooSlide ( lightbox replacement)


mooSlideURL: http://www.artviper.net/test/ajaxslide/.
Description: The mooSlideBox v3 is a small and slim ajax based extension or replacement of the common “lightbox”. I really love this.
Demo:View Demo.


18. Page Loader


Page LoaderURL: http://www.phatfusion.net/pageloader/.
Description: You can load a div from one page into a div on this page.
Demo:View Demo.


19. Grow a Textarea


Grow a TextareaURL: http://ejectmedia.net/examples/moo_textareas/.
Description: Just make a form, and this script will add the ability to resize each textarea.
Demo:View Demo.


20. JavaScript Time Picker


JavaScript Time PickerURL: http://www.nogray.com/time_picker.php.
Description: The first ever Time Picker that utilize a very easy drag and drop interface.
Demo:View Demo.


21. Sexy sliding JavaScript side bar menu


Sexy sliding JavaScript side bar menuURL: http://www.andrewsellick.com/….
Description: Smooth and yes, SEXY sidebar menu.
Demo:View Demo.


22. Slideshow


SlideshowURL: http://www.phatfusion.net/slideshow/.
Description: A smooth transition between images.
Demo:View Demo.


23. Ajax login form (


Ajax login formURL: http://joeabiraad.com….
Description: An easy to use login form.
Demo:View Demo.


24. FancyUpload


FancyUploadURL: http://digitarald.de/project/fancyupload/.
Description: Swf meets Ajax for beautiful uploads.
Demo:View Demo.


25. Validate


ValidateURL: http://www.phatfusion.net/validate/.
Description: A simple form validation.
Demo:View Demo.


26. SortableTable


SortableTableURL: http://www.phatfusion.net/sortabletable/.
Description: Sort and filter tables.
Demo:View Demo.


27. MooTabs – Tiny tab class for MooTools


MooTabsURL: http://www.silverscripting.com/mootabs/.
Description: MooTabs is tiny(3kb), as the name suggests, it’s main purpose is to help out with the creation of simple tab navigation.
Demo:View Demo.


28. Sortable List Example


Sortable List ExampleURL: http://techblog.billkrueger.com….
Description: A drag and Drop sortable list. Could be handy.
Demo:View Demo.


29. Calendar


CalendarURL: http://www.electricprism.com/aeron/calendar/.
Description: Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements.
Demo:View Demo.


30. Rounded Corners


Rounded CornersURL: http://www.phatfusion.net/roundedcorners/.
Description: This creates rounded corners on divs.
Demo:View Demo.


31. Mediabox


URL: http://iaian7.com/webcode/Mediabox.
Description: Mediabox lets you open flash, video, and html content in a floating “lightbox” style window.


32. Mootools Mocha UI


URL: http://greghoustondesign.com/demos/mocha/.
Description: Mocha is a web applications user interface library built on the Mootools javascript framework. The Mocha GUI components are made with canvas tag graphics.


33. FormCheck


URL: http://moo.floor.ch/docs/files/formcheck-js.html.
Description: Performs different tests on forms and indicates errors.


34. mooRainbow


URL: http://moorainbow.woolly-sheep.net/.
Description: A color picker, built on the mooTools Framework.


35. Lightbox


URL: http://www.phatfusion.net/lightbox/.
Description: An inline image popup, overlays and fades out the current page.


36. SmoothGallery 2.0


URL: http://smoothgallery.jondesign.net/what/.
Description: 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.


37. Popmenu


URL: http://www.hotajax.org/content/view/514/420/.
Description: A background image pops up, adding some livelyness to an otherwise dull menu.


38. MooMonth


URL: http://moomonth.com/.
Description: MooMonth is a full calendar application written in javascript.


39. MooWheel


URL: http://www.unwieldy.net/moowheel/.
Description: The purpose of this script is to provide a unique and elegant way to visualize data using Javascript and the canvas object. This type of visualization can be used to display connections between many different objects, be them people, places, things, or otherwise.


40. mooSocialize


URL: http://www.artviper.net/moosocialize.php.
Description: By clicking the mooSocialize button, a window will appear, which lets you choose your favorite network. Having a thumbnail of each service beside the link, it’s easy to see and find the one of your liking.


41. Reflection.js


URL: http://www.digitalia.be/software/reflectionjs-for-mootools.
Description: It allows to add instantaneous reflection effects to your images in modern browsers, in less than 3kb.


0 yorum:

Yorum Gönder

Copyright By Awesoome.com , All Rights Reserved. Blogger tarafından desteklenmektedir.
 
Related Posts Plugin for WordPress, Blogger...