Minimal GUI Set: More Than 1000 Free Elements, Buttons, Patterns, Icons And Many More

You accept to be included in our newsletter (We only send amazing freebies like this, no ads or crap, promise! )

Tweet about us and say thanks in comments ;)

Amazing freebies every week in your e-mail, don't miss the next ones with our newsletter, Sign up now.

Tweet about us and say thanks in comments ;)

150 best jQuery effects for web designers and developers

Comments and suggestions in here

Since the arrival of the jQuery library, the life of JavaScript programmers have gotten a lot easier because now it’s simpler to develop web 2.0 applications. With jQuery, the programmers can keep their code organized and concise, which is the major slogan of the library, “write less, do more”.

You can utilize jQuery to handle events, generate animations, and even add an Ajax support into your web applications in a very easy way. Certainly you can use JavaScript to execute all the jQuery functions, but if you use it, your programming times will reduce and your effectiveness will increase, and that’s the real magic of jQuery. On this roundup we will show you the most captivating and creative jQuery tools and effects to inspire you, from animations to slideshows, you will find plenty of effects on this article, hope you enjoy it.

jQueryeffects

Transition effects

As the name says, these effects are designed to generate animated switches between different elements, from smooth transitions to overlapping animations, here are some of the nicest transition effects made with jQuery:

Special Presentation: jQuery SliderShock

Before starting with this counting, we want to make a special mention to jQuery Slider Shock.  31 transition effects are available for this slider, and thanks to its jQuery architecture, it becomes a fully responsive slider with a lot of other fantastic features and functionalities that took advantage of the power of this code.

1. InnerFade

jQueryeffects00

A standard transition effect that always works well when implemented on your designs.

2. jQuery Easing Plugin

jQueryeffects01

You can find an extended list of jQuery effects within this website.

3. HighlightFade

jQueryeffects02

Highlights, rescaling and some other cool effects, 100% jQuery.

4. jQuery Cycle Plugin

jQueryeffects03

You will certainly enjoy the way this transition occurs, it’s difficult to see how it’s executed.

5. Dynamic Page / Replacing Content

jQueryeffects04

An elegant menu with some animated transitions from button to button.

6. Flip

jQueryeffects05

Great transitions made with pure jQuery, it seem like it was made with Flash or something.

7. jQuery Cycle Plugin

jQueryeffects06

Different transition effects to implement on your site.

8. Image Cross Fade Transition

jQueryeffects07

Well transition effect, the screenshot can provide you an idea of how does it work.

9. AviaSlider

jQueryeffects08

Beautiful transitions to implement within a gallery.

10. Creating a fading header

jQueryeffects09

It’s nice to use animation effects on a header, it gives a lot of dynamic to the site.

11. jqFancyTransitions

jQueryeffects10

Lovely transitions that can easily be implemented inside a gallery.

12. jQuery Cycle Plugin – Effects Browser

jQueryeffects11

An extended list of jQuery effects to use with your thumbnails, you can notice some of the effects on the screenshot.

Animation

This section covers jQuery effects that are made either for fun or to fancy the appearance of a website, the name says it all, jQuery can make things move!.

13. jQuery Approach

jQueryeffects12

Probably you can  remember yourself doing this in Flash, see it working with pure jQuery is just great.

14. Building an Animated Cartoon Robot with jQuery

jQueryeffects13

Domo arigato Mister Roboto, moving with jQuery sama, this animation effects gathers all the animation basics.

15. Quicksand

jQueryeffects14

You are going to love the quality of this effect, you can create a nice dynamic library with this.

16. Spritely

jQueryeffects15

Here is a clear example of why Flash is in danger, see what came out with pure jQuery.

17. Puffing Smoke Effect in jQuery

jQueryeffects17

Oh Mario, what are you doing here?, this could be a nice idea to create dynamic websites.

18. Crafting an Animated Postcard With jQuery

jQueryeffects18

Great animation effect to use inside a postcard.

19. Glimmer

jQueryeffects19

Another great animation effect for jQuery lovers, you can see how the landscapes moves.

20. Create a Stunning Sliding Door Effect with jQuery

jQueryeffects20

Nice animation effects to use when organizing a new picture gallery.

21. Parallax

jQueryeffects21

Parallax is outstanding, you can play with depth of field with pure jQuery and zero interpolations.

22. Animated Header Background

jQueryeffects22

Subtle movement to give some additional texture to your backgrounds.

23.  Impressive Animated Landscape Header with jQuery

jQueryeffects23

Another prove of the true jQuery’s potential, see how you can manage to move at different speed values a scenario.

24. jQuery UI Animation Effects

jQueryeffects24

Check out this site to find out some interesting jQuery effects that can help you to optimize your site.

25. Animate Curtains Opening with jQuery

jQueryeffects25

We got surprised when we found this, it seems like a Flash animation and it isn’t!.

26. Simple Effects Plugins

jQueryeffects26

Some basic effects that can always help you to stylize a webpage.

27. jQuery Circulate

jQueryeffects27

Another animation using circles and movement, great effect.

28. JavaScript Sprite Animation Using jQuery

jQueryeffects28

You won’t believe that they’re already accomplishing things such as this book effect with pure jQuery.

29. jQuery DJ Hero

jQueryeffects29

If you are a DJ and jQuery lover, you will definitely like this application.

30. jQuery API

jQueryeffects30

You can find a lot of great jQuery effects on this website.

31. jQuery Color fade hover effect

hover-effect

Pretty Simple effect with CSS and jQuery, demo and tutorial.

32. Gravity in jQuery

jQueryeffects32

You can play with the laws of physics, jQuery is just great.

33. Auto-Moving Parallax Background

jQueryeffects33

If you check the demo you will see the background stars moving.

34. Full Cycle of Animation on Hover/Off

jQueryeffects34

Several animations effects made with jQuery, we spend a few minutes playing with these fun bars.

35. jAni

jQueryeffects35

Beautiful animation, it’s hard to believe that this was made without using Flash interpolations.

36. Animate Image Filling Up

jQueryeffects36

Interesting animation that fills an object using jQuery, We’re sure that designers will find a nice use for this.

37. dynamic PNG shadow position & opacity

jQueryeffects37

This jQuery effect can make you spend like ten minutes messing around with the bulb, just great.

38. jQuery Animations: A 7-Step Program

jQueryeffects38

Nice jQuery tips from the guys of NetTuts+, some elegant effects can be found in here.

39. Fun with jQuery’s Animate () function

jQueryeffects39

Just having a little fun with the animate () jQuery function.

40. Easy Sequential Animations in jQuery

jQueryeffects40

Useful jQuery tips for beginners to help them start making their own effects.

41. jQuery 3D Rotator

jQueryeffects41

Similar to tag clouds with a little 3D vibe, interesting jQuery effect.

42. jQuery Faux 3D

jQueryeffects42

By simply placing different boxes one in front of another, you can generate a fancy 3D animation with pure jQuery.

43. Image Flip Using jQuery

jQueryeffects43

You can play with depth of field with jQuery and generate great illusions like this one.

44. 3D Tag Cloud

jQueryeffects44

You don’t need to use photographs or volumetric objects to create depth of field sensations, as you can see on this example.

45. Text with Moving Backgrounds

jQueryeffects45

Great fancy effect, a moving background masked with a text, really nice idea.

46. Image Cube

jQueryeffects46

This effect certainly looks to play with 3D by making a volumetric shape to show a series of pictures.

47. Flip HTML content in 3D

jQueryeffects47

Another 3D implementation with jQuery, very simple.

48. 3D Sphere

jQueryeffects48

Similar to a previous effect of this roundup, on this case we have a moving sphere emulated through the presence of a few elements.

49. Animated 3D Transforms

jQueryeffects49

This jQuery effect works with a mouse-over behavior, so if you roll over one of this cute cartoons, they will react.

50. Smart 3D

jQueryeffects50

Similar to Parallax, this 3D effect with jQuery works great in banners and websites in general.

Text effects

On the old times, text were just system fonts and large contents, but now we have learned that you can do a lot more things with texts. This section covers all type of text effects, from transitions, to stylish customizations, you will find a lot of ways to pimp up your texts with our beloved jQuery.

51. jQuery FontEffect

jQueryeffects51

FontEffect is a jQuery plugin that adds some effects to the HTML texts.

52. jQuery text gradient

jQueryeffects52

A decent attempt to create a text gradient effect in jQuery, For sure that this effect deserves to get featured in here.

53. jQuery label effects

jQueryeffects53

Nice effect series to stylize your text using  jQuery.

54. Fade Colors Using jQuery

jQueryeffects62

Add fading gradients to your text with this pretty jQuery effect.

55. Cross browser text-shadow

jQueryeffects54

A fixed version of this jQuery effect that adds a shadow behind your texts.

56. Grab bag, jQuery text effects

jQueryeffects55

A short list of jQuery effects that works with texts, adding effects to them.

57. jTicker

jQueryeffects56

A nice text effect with jQuery, you can find all the information about it on the original link.

58. Effects jTypeWriter

jQueryeffects57

With this jQuery effect, you can apply different looks to your texts that emulate a typewriter.

59. 3D Flying Text in jQuery

jQueryeffects58

On this site you will find the way to create a flying 3D text effect with jQuery.

60. Airport

jQueryeffects59

If you want to emulate the classic airport’s billboards that have ever-changing texts, this effect does that.

61. Flying Text With Fade Effect

jQueryeffects60

With jQuery you can create nice effects, such as this fading flying text effect.

62. Codename Rainbows

jQueryeffects61

With just a little code knowledge you can get these text effects without even opening Photoshop.

63. Fading color effect

jQueryeffects63

Implementing this jQuery effect will add a subtle gradient to show up every time you roll over a link.

64. Playing with jQuery Color Plugin and Color Animation

jQueryeffects64

On this link you will find how to make colorful menu elements with jQuery.

65. It’s a Rainbow! – Color Changing Text and Backgrounds

jQueryeffects65

Rotate between different color tones whilst displaying a single picture.

66. Font Size Based On Word Count

jQueryeffects66

Depending of the amount of words that your text block possesses, the jQuery effect will establish the proper font size for it.

67. Use the jQuery UI to Control the Size of Your Text

jQueryeffects67

Elegant slider made with jQuery that allows you to adjust the font size of a block text according to your needs.

68. Simple jQuery Text Resizer

jQueryeffects68

Simple but helpful jQuery text resizer to optimize your website’s performance.

69. jQuery Approach

jQueryeffects69

A rollover jQuery effect that makes that every time you place your cursor in front of the text, it changes in terms of color and size.

70. Zooming with jQuery

jQueryeffects70

Simple complement that allows you to zoom a text many times for a better reading.

71. AutoCompleter

jQueryeffects71

Useful jQuery implementation that shows an auto complete box when you’re entering a text.

72. 3D Tag Sphere

jQueryeffects72

Create an elegant 3D tag sphere that works just like a tag cloud.

73. jQuery Word Counter

jQueryeffects73

The previous screenshot shows you a jQuery tool where you can edit the limit of characters within a HTML textarea.

Carousels / Slideshows

This section is about image presentations and the effects that have been made to fulfill that task. Carousels like its name says, are image galleries where you can see the pictures moving all the time. Slideshows are similar than carousels but less 3D and more gallery-like, anyway, they’re both quite similar and that’s why we decided to include them on the same category.

If you want to find more brilliant galleries made with jQuery, visit our article “100 best jQuery image gallery plugins”.

74. Cloud Carousel

jQueryeffects74

Reflections and a natural movement are two of the most relevant aspects of this carousel.

75. Step Carousel Viewer

jQueryeffects75

Nice carousel, although you probably will perceive this more like a slideshow than a carousel.

76. BlogSlideShow

jQueryeffects76

A fancy image viewer to fancy a little your website, it’s done entirely with jQuery.

77. BoxSlider 2.0

jQueryeffects77

Classic slideshow created with jQuery, ideal for implementing on many websites.

78. Slick Auto-Playing Featured Content Slider

jQueryeffects78

Simple slider, functional and easy to adjust to your site’s needs.

79. Simple Controls Gallery

jQueryeffects79

Great picture gallery created with jQuery.

80. CrossSlide

jQueryeffects80

2KB of JavaScript are the essence of this lovely jQuery cross slider.

81. Highslide JS

jQueryeffects81

Easy going jQuery image previewer, you can check the code and adjust it to your site.

82. FancyBox

jQueryeffects82

Quoting their exact words, FancyBox is a tool for displaying images, HTML content and multi-media in a Mac-style “lightbox” that floats on top of web page.

83. Galleria

jQueryeffects83

Nice gallery that you can use anytime on your site, specially on minimalistic places.

84. Polaroid Photo Viewer

jQueryeffects84

Injecting jQuery into your web designs can help you make things like this Polaroid photo viewer.

85. Sliding Boxes and Captions

jQueryeffects85

A basic idea with a great result, just playing with boxes and animations to generate this gallery.

86. ImageFlow

jQueryeffects86

A friendly gallery developed with jQuery, works in a very elegant way.

87. Image Rotator with Preview

jQueryeffects87

You will find quite amusing the images that these guys used making this image gallery.

88. Coin Slider

jQueryeffects88

Great jQuery gallery, fabulous effects and transitions.

90. Revealing Photo Slider

jQueryeffects90

Useful jQuery image slider, it’s interesting the way the images react to the mouse click.

91. BBC Radio 1 Zoom Tabs

jQueryeffects91

Inspired on the latest BBC Radio 1 website, we find this jQuery effect that can be used as a gallery.

92. Leopard Dashboard

jQueryeffects92

Great Mac emulation with jQuery, these are the kind of thins that can make you love jQuery.

93. Z-Index and jQuery

jQueryeffects93

On this effect made with jQuery, you will learn how to make a pile of pictures that work as a gallery.

94. Contextual Slideout Tips With jQuery & CSS3

jQueryeffects94

An easy way to create some nice contextual slideouts with jQuery.

95. Zoomer Gallery

jQueryeffects95

Pure Flash style, zero ActionScript, 100 % jQuery, this gallery works with a rollover effect that increases the picture’s size when highlighting it.

96. Advanced background slideshow

jQueryeffects96

Full size background slider, a good way to place more than just a generic photograph.

97. Panning Slideshow

jQueryeffects97

If you select the proper pictures, you will have in your hands a gorgeous slideshow.

98. Sliding Login Panel

jQueryeffects98

Many developers can remember themselves doing a similar panel a few years ago on ActionScript and well, it’s  good to find it on jQuery.

99. Beautiful Background Image Navigation with jQuery

jQueryeffects99

Astounding navigation system, it’s brilliant the treatment given to the image transitions.

100. iCarousel

jQueryeffects100

Elegant jQuery carousel to display a series of pictures in a very clean way.

101. Awesome Bubble Navigation

jQueryeffects101

Brilliant navigation system, it shows a different way of developing a site’s navigation. For sure it’s a great way to take advantage of jQuery.

102. Semitransparent Rollovers

jQueryeffects103

An easy way to create a subtle translucent rollover effect with jQuery.

103. Spacegallery

jQueryeffects116

A nice way to use jQuery, very tech-like gallery, ideal for tech and engineering applications.

104. Morphing Gallery

jQueryeffects117

Pretty cool, it’s a different way of using jQuery on developing a gallery.

105. Pikachoose

jQueryeffects118

There’s no Pikachu like you think after reading the title, only a fancy jQuery gallery.

Image Edition

This category gathers all the jQuery effects that are designed for editing images, effects such as cropping or rescaling are included on this part of the showcase, probably you will find more than one of this effects quite useful.

106. Crop Example

jQueryeffects102

Useful jQuery effect that lets you crop an image to make the adjustments that you consider necessary.

107. jQuery Demo: Creating a Sliding Image Puzzle

jQueryeffects104

If you want to have some fun, you should take a look at this amusing jQuery effect.

108. jCrop

jQueryeffects105

Similar to the Photoshop’s crop, this is certainly an useful jQuery tool.

109. jQZoom

jQueryeffects107

You can make a nice jQuery zoom just like the one on the previous screenshot, it offers different ways of zooming in and out.

110. jQuery Virtual Tour

jQueryeffects108

An extension to Single Panorama Viewer, which is a great jQuery effect to take 360 degrees observations.

111. AnythingZoomer

jQueryeffects109

You can zoom in over anything, from texts to images to check out all the little details.

112. ImgAreaSelect

jQueryeffects110

Simple image area selector with jQuery, it shows you the coordinates and dimensions of the selection.

113. PanView

jQueryeffects111

Hold down your mouse and start navigating across an image.

114. Rounded Images

jQueryeffects111A

A nice way to stylize your pictures with jQuery by giving them  nice rounded corners.

115. jQuery Corner Demo

jQueryeffects112

There’s more than one way of using rounded corners, as you can see on the previous screenshot.

116. PNG Overlay

jQueryeffects113

A good way to fancy your images so they can get a good looking overlay vibe.

117. jQuery for Background

jQueryeffects114

Insert an animated background to your buttons with jQuery.

118. Resizeable Background Image

jQueryeffects115

The name says it all, a resizable background image with jQuery.

119. Circular Motion Effect

jQueryeffects119

Nice circle series that together create a pretty cool navigation system.

120. Photo Zoom Out Effect

jQueryeffects120

Great jQuery gallery, not just a simple slider, it plays with proportions whilst rolling over.

121. Photoshoot Effect

jQueryeffects121

Using jQuery you can obtain fabulous effects such as this amazing photoshoot effect.

122. Interactive Picture

jQueryeffects122

With this tool you can add interactivity to an image via jQuery, ideal for making descriptions of elements within a picture.

122. Cloud Zoom

jQueryeffects123

Great cloud zoom effects, you will definitely love the glow effect used on this jQuery effect.

123. Apple-like retina effect

jQueryeffects124

For those who are familiar with the Apple products, you will enjoy this jQuery effect.

124. Micro Image Gallery

jQueryeffects125

Clean and elegant jQuery gallery, ideal for implementing on minimalistic websites.

125. Image Highlighting and Preview

jQueryeffects126

Nice way of highlighting pictures within a document.

126. Image splitting effect

jQueryeffects127

Very simple effect that can be used along with galleries and stuff.

127. ImjQMosaic

jQueryeffects128

jQuery implemented as a highlighter tool in a mosaic style.

128. URL Screenshot Preview

jQueryeffects129

With this tool you can show a preview to any URL after a rollover in front of a hyperlink.

Utilities and Extras

This part covers those jQuery effects and tools that did not fit on any of the previous categories, you will find some pretty interesting things on this final section of the showcase, enjoy it.

129. ColorPicker

jQueryeffects130

It’s always useful to have a color selector at the reach of your hands, maybe you want to keep this under your selections.

130. Rotating Billboard System

jQueryeffects130A

You can use this great effect on your site instead of a slideshow and without a single line of ActionScript.

131. jQuery Rotate

jQueryeffects131

If you’re not happy with having straight grid and straight pictures, then you can use this jQuery effect to fix it.

132. The Sexy Curls

jQueryeffects132

Beautiful jQuery effect to see the truth behind a website, which means seeing the code behind the design.

133. Simple Tooltips

jQueryeffects133

Create little tool tips to add to your website’s elements with this jQuery tool.

134. Rezoner’s jEffects

jQueryeffects134

I know that this one may fit on the galleries section, but because of its quality we moved it here.

135. jQuery Touchwipe

jQueryeffects135

Obtain wipe gesture from touch screens, works with iPhone, iPad, iPod touch and Android.

136. Image Blur

jQueryeffects136

This one could be inside the images area, but we think that it’s a pretty cool effect and deserves to be considered as unique.

137. Before / After

jQueryeffects137

Great jQuery plugin to make comparisons, such as the one shown on the screenshot.

138. Music player with mouse gestures

jQueryeffects138

A jQuery effect that will improve the interactivity of your websites by the using of click and drag properties.

139. Greyscale Hover Effect

jQueryeffects139

Lovely hover effect that turns everything to a greyscale when rolling over.

140. Tetris with jQuery

jQueryeffects140

Well what can we say about this one?, you will definitely have a lot of fun with this.

141. jQTwitter

jQueryeffects141

If you need to add a Twitter box to your site, jQuery offers this nice solution for you.

142. jQuery Animation Plugin

jQueryeffects142

An easy and effective way to set an image scale with a simple jQuery syntax.

143. jQuery easing animation

jQueryeffects143

Similar to Flash’s McTween, this jQuery series has been made to help you make amazing animations.

144. Background Position Effect

jQueryeffects144

Quote: Adds the ability to do background-position animations from  jQuery 1.2, and newer.

145. jQuery Bounce Page

jQueryeffects145

A bouncing box where you can place text and animate it.

146. CanvasSwap

jQueryeffects146

If you need to save space but still show a lot of pictures, you might want to check this jQuery tool.

147. Several jQuery Animations

jQueryeffects147

A large list of jQuery animations developed by the people of Tutorialized for you to check out.

148. jScratchcard

jQueryeffects148

Pretty cool, it emulates a scratch card, like the classic lotto tickets you buy on the market.

149. jQuery Flight Board

jQueryeffects149

Similar to an effect that we showed you before, this is definitely a great idea.

150. Dock and Stack

jQueryeffects150

And the final effect is a nice recreation of the Mac desk, which is something that many people really like. OK guys, that was it for this countdown, some of the nicest and most useful jQuery effects that are ready to give you a hand when developing your own projects, let us know your opinion and tell us about additional effects that we did not include on our showcase, see you next time.


249 Responses to “150 best jQuery effects for web designers and developers”

  1. So many different tutorials! Thanks for this list.

  2. Wow – megalist! Thanks- there were a few I haven’t seen before.

    Sully

    • Thanks for your message Sully, let us know if you know about additional effects that should be featured on the list :)…

  3. I’ve never encountered most of the things listed on this post. The tutorials will be very helpful for beginners. Thanks for posting.

  4. IA will never be the same! I love some of the Carousels… very popular at the moment. Thanks for putting this together it is fascinating. A real catalogue of onpage marketing ideas for people passionate about shaping online environments.

    @matdwright

    • Hi dear Matt, thanks for leaving such a motivational message, we will keep releasing top quality articles for all of our visitors…

  5. Thanks guys!! Such an extensive list, bookmarked for sure :)

  6. Thanks for putting this list together! I will be using a few of these on my future client’s projects. I’ll make sure to give you props

  7. Great article. Thanks heaps for that.

  8. Its really awesome all in one, superb job, Thanks

  9. Wow..simply amazing! I bet that even in a lifetime I couldn`t implement all of them!

    You did a great job!

  10. Wonderful list, I worked with many of them jQuery Corner was from long ago but still rocks!

    Thanks,
    Emil

  11. That’s a huuuuge post :)

  12. Awesome list! Thank, guys!

  13. You may also like my new jQuery gallery – photoshelf. http://rezoner.net/labs/photoshelf/

  14. Great effects of jqurey and also a good collection

  15. Oau this is such a comprehensive list! I didn’t even know half of the things in it! So great that now I can do all sorts of fun things with jQuery! Thanks a bunch!

  16. Good job, glad to see the power of jQuery as it advances with giant strides

  17. Just spent the last hour going through this list.

    Great list, thanks for sharing, will be bookmarking!

  18. 150 jQuery effects=magic effects.. really nice work

  19. Tim
    April 4th

    Nice list. Why is Piecemaker on there?

    • Thanks Tim, you’re absolutely right, Piecemaker is actually a Flash-based effect, we’re removing it from the list right now…

    • WebDesignShock
      April 13th

      Oh you’re right, that little Flash gadget crossed our lines :P…

  20. pepermint
    April 9th

    nice compilation..XD

  21. Avinash Powar
    April 20th

    Very good information & nice effect

    Thank you

    • WebDesignShock
      April 20th

      You’re welcome, glad you liked it :)…

  22. Email
    May 12th

    Excellent!

  23. puss
    May 17th

    Great compilation!  tnxbtw does jquery works on computers w/out internet connection?

    • WebDesignShock
      May 17th

      Thanks for your comment, regarding your question probably some components might work but well, most computers have internet access these days…

  24. Chethan
    May 25th

    Super Buddy… Nice Helpful Collection…

    • Thanks mate, please let us know if you find any other useful effect to add on the list :)…

  25. Thank you for your effort, very glad that you gave this to us. It’s some pretty great and valuable reading.

  26. Daniellec
    May 26th

    Hi!

    I have been in touch about the awesome jquery vertical parrallax sliding navigation, and was wondering if there was a way to make it mobile?  You’ve said to leave a comment in the “comments” so as to post a longer answer.  I’d love to hear!  Thanks for the great keeping in touch.

    • WebDesignShock
      May 26th

      Hi Danielle, thanks for your patience, we’re often busy answering people’s messages and looking for new things to write about. We’ve just made a quick research and it seems that you need a mobile library to implement our Parallax tutorial in iPod/iPad or iPhone.

      We found this useful tool that will probably help you a lot: http://jqtouch.com/

  27. Robin Bel
    June 1st

    hey your post is really superb !! awesome way to define the points !! good work UK Logo Design

    • WebDesignShock
      June 1st

      Thanks Robin!…

  28. Sarath
    June 7th

    greate…. thanks

    • WebDesignShock
      June 7th

      You’re welcome Sarath, please let us know if you know any other effect that should be included on the list…

  29. i am jquery addict.this blog will give great inspiration for my web design campaign.Thanks for sharing!

  30. Awesome work. Thanks!!

  31. 9ale7
    August 13th

    so many i’ll need days to check them all !!

  32. Impressive!
    Thank you for sharing!

  33. Check out 150+ Best jQuery Effects for Designers and Developers..!!

  34. wow.great

  35. cool ,Great work,
    thanks for sharing.

  36. I’m loving this article cheers! Used to despise using JavaScript but jQuery makes life easier and there’s some fantastic effects detailed here.

  37. really very helpful..Thanks alot :)

  38. cool, Great work, thanks for sharing.

  39. Definitely an amazing list, I couldn’t get through them all in one sitting. Favorited and thanks!

  40. A simple and easy to use navigation ensures that you can engage your visitors more effectively.

  41. Great collection, thanks for sharing ;)

  42. Excellent collection of free tools for web designers. I think i will have to go play!

    Regards from Bobo m4v converter

  43. One of the best compilation I’ve ever come across! Awesome!

  44. Wow! Nice one! thx and jQuery rules!

  45. very Useful effects. Thanks for Share :)

  46. The blog is absolutely fantastic. Lots of great information and inspiration, both of which we all need. Thanks.

    • You’re welcome, always glad to see that our pieces are of great use to visitors’ projects. Best regards……….

  47. I really love this post I will visit again to read your post in a very short time and I hope you will make more posts like this.

  48. won amazing effect

  49. anonymous
    January 29th

    very good efect , thanks

  50. gunluk gazeteler
    January 29th

    thanks very good efect

  51. This collection is not a one day work, he spent lot of hours for collection, if i said thanks that’s too simple.

    • Thank you for the recognition to our work. Be on the lookout for upcoming posts on the matter. Best regards

  52. antivirus mac
    February 6th

    I absolutely love your blog and find many of your post’s to be exactly I’m looking for. can you offer guest writers to write content for you personally? I wouldn’t mind creating a post or elaborating on most of the subjects you write regarding here. Again, awesome website!

    • For you to get a better idea, the Guest Author’s Program was made to diversify our contents, it is basically a space created within webdesignshock.com to stimulate visitors’ interaction with the site, by giving readers the chance to participate with a written/graphic post of their own of web design related matters, so if you think you can write some nice articles or reviews, or anything else for the matter that’s related to web design, don’t hesitate on taking advantage of this opportunity. Also, remember it can be a great chance for web designers to get their name out and to get advertisement for their company through our website. If it is written best i’d be of around 800-1000 words, preferably enhanced with visual aids such as videos (HD) and images (very crispy – width 630 px).

      Don’t forget to send us your Author fill with a brief description of your work, or anything else you would like viewers to know about yourself, we recommend that you avoid incorporating CEO links in this part of the article, and don’t forget to include a picture for this Author fill, in case you don’t remember exactly how the format:
      http://www.webdesignshock.com/wp-content/uploads/2011/12/author.png

  53. 車買取
    February 7th

    Thank you for this nice post, I will visit this website again.

  54. Can you recommend any seo search engines training program in your region?

  55. Thanks for the marvelous posting ! I definitely enjoyed reading it, you might be a great author.

  56. Its one of the best effects develop on jquery. I will try this in my current project. Cheers!!!

  57. Search Engine Ranking
    February 15th

    You can certainly see your skills within the article you write. The arena hopes for even more passionate writers like you who are not afraid to mention how they believe. Always follow your heart.

  58. Fotoclipping.com Web Design House
    February 20th

    Wonderful blog, thanks for sharing ………….

  59. Fantastic items from you, man. I’ve understand your stuff previous to and you are just too magnificent. I really like what you’ve received here, really like what you are saying and the best way in which you say it. You’re making it entertaining and you still take care of to stay it smart. I cant wait to learn far more from you. This is actually a great web site.

    • We take great care for the contents and use of information here at webdesignshock.com, and we’re always glad to hear that our thorough topic investigation has been of great use to our followers. Be sure top check our recent posts for further information on web design related matters. Best regards!

  60. Yes! Finally something about social network. check out http://meengle.net

  61. Awesome! Its genuinely remarkable article, I have got much clear idea concerning from this article.

  62. This piece of writing is truly a pleasant one it helps new net viewers, who are wishing in favor of blogging.

  63. I am actually thankful to the owner of this web site who has shared this
    impressive piece of writing at at this place.

    • Np problem! here at webdesignshock.com we always take great care in the quality of our posts. follow us on Facebook and Twitter to check out our latest updates. . have a good one!

  64. whoah this weblog is magnificent i like studying your articles.
    Keep up the good work! You realize, many individuals are searching round for this information, you could help
    them greatly.

  65. thanks for sharing. very useful

  66. syed mohammed ahmed
    March 13th
  67. Thanks to share this. Nice collection.

  68. thanks, great effect for website design

    • Blog1
      May 31st

      Hi Huynh Hieu, there are a lot of effects that you can use. Be sure to subscribe to our newsletter to be updated with the latest design trends. Best!

  69. The Javascript and jQuery types of transitions are really cool and adds a lot of color. Thanks for the info…

    • Blog1
      July 6th

      Yep, they’re pretty cool. Best!

  70. Jquery gives special effects in sites.. Jquery add to attract more audience..  Pretty nice post.. Thanks for sharing!

  71. Great post.

  72. This blog is a great combination of suitable and useful information and well-written sentences that will certainly entice your sense and update you about new happening. Here I have found the information for which I was looking for long time.

  73. I don’t even know how I ended up here, but I thought this post was great. I do not know who you are but definitely you are going to a famous blogger if you are not already ;) Cheers!

  74. Thanks for any other magnificent post. Where else could anyone get that type of information
    in such an ideal method of writing? I’ve a presentation next week, and I am on the search for such info.

  75. Awesome post about j query effects thanks for this collection this is helpful for newbies like me thanks again

  76. hey great job you made here! this is really something!

    • Yeah! we really hope this can be extremely useful for you. Thanks for your feedback. Stay tuned :)

  77. Very good!

  78. Anonymous
    May 31st

    I am making best use of jquery on my website. It emphasizes website in a great manner. thanks for sharing….

  79. Great Post Really useful…

  80. I have read so many posts concerning the blogger lovers except this piece of writing is genuinely a pleasant article, keep it up.

  81. There are simply awesome! They will really be very attractive for visitor to see your website and your works

    • Designer
      August 15th

      Indeed. Always looking to bring the best to our readers

  82. jquery is really fantastic.

  83. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignSh… [...]

  84. [...] More: 150 best jQuery effects for web designers and developers « Web … [...]

  85. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignShock [...]

  86. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignShock Design og Layout, Tilgængelighed, WebudviklingJquery ← Calculate a Persons Age (VB.NET/ASP.NET) Leave a comment0 Comments. [...]

  87. [...] post: 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignShock 5 October 2010 | Uncategorized | Trackback | del.icio.us | Stumble it! | View Count : 0 Next [...]

  88. [...] 150 most appropriate jQuery goods for web designers as well as developers « Web … [...]

  89. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignSh… [...]

  90. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignSh… [...]

  91. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignShock 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignShock [...]

  92. [...] See more here: 150 best jQuery effects for web designers and developers « Web … [...]

  93. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignSh… [...]

  94. [...] 150 Best jQuery Effects For Web Designers And Developers 150 Best jQuery Effects For Web Designers And Developers [...]

  95. [...] Los 150 mejores efectos con jQuery [ENG]   http://www.webdesignshock.com/showcase/best-jquery-effects/  por rogero hace 2 segundos [...]

  96. [...] ilgi duyacağınızı düşündüğüm jquery örneklerini sizin için ekledim, daha fazlası için bu linke [...]

  97. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignSh… [...]

  98. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignSh…Wooosh, Transform, Boooing. [...]

  99. [...] 150 best jQuery effects for web designers and developers « Web … [...]

  100. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignSh… [...]

  101. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignSh… [...]

  102. [...] 150 best jQuery effects for web designers and developers « Web … [...]

  103. [...] 150 best jQuery effects for web designers and develo… [...]

  104. [...] 150 best jQuery effects for web designers and developers « Web … [...]

  105. [...] 150 best jQuery effects for web designers and developers [...]

  106. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignShock. [...]

  107. [...] 150 best jQuery effects for web designers and developers [...]

  108. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignSh… [...]

  109. [...] 150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignSh… [...]

  110. [...] 150 Best jQuery Effects for Web Designers and Developers – Web Design Shock [...]

  111. [...] 150 best jQuery effects for web designers and developers [...]

  112. [...] el usuario pueda captar fácilmente las respuestas a su interacción en una página.Pues bien, en WebDesignShock se dieron a la tarea de recopilar los que consideraron los 150 mejores efectos hechos con jQuery y [...]

  113. [...] 150 Best Jquery Effects For Web Designers And Developers « Web … [...]

  114. [...] de desarrollos con Jquery que nos podrian servir en algún momento para usar en los proyectos http://www.webdesignshock.com/showcase/best-jquery-effects/ Comments RSS [...]

  115. [...] 150 best jQuery effects for web designers and developers [...]

  116. [...] ilgi duyacağınızı düşündüğüm jquery örneklerini sizin için ekledim, daha fazlası için bu linke tıklayınız. 0AKPC_IDS += "124,";Popularity: 37% [?] Tags: ajax, best, blur, design, [...]

  117. [...] 150 Best jQuery Effects for Web Designers and Developers On this roundup we will show you the most captivating and creative jQuery tools and effects to inspire you, from animations to slideshows, you will find plenty of effects on this article, hope you enjoy it. [...]

  118. [...] 150 best jQuery effects for web designers and developers [...]

  119. [...] 9. jQuery 色んなエフェクト系プラグインが大量にコレクションされてます [...]

  120. [...] Excelente página que nos recopila 150 efectos jQuery. [...]

  121. [...] ≫150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignSh… [...]

  122. [...] ilgi duyacağınızı düşündüğüm jquery örneklerini sizin için ekledim, daha fazlası için bu linke [...]

  123. [...] a plugin that will use JQuery library and your own functions to make any effect you may imagine. Here you have a list of 150 amazing effects people has done using JQuery and their own [...]

  124. [...] WebDesignShock has posted a fairly comprehensive list of the best 150 jQuery animation effects for websites. For the uninitiated, jQuery is a “library” for the ever popular JavaScript. JavaScript is much like the man behind the curtain; pay no attention to him, but he’s the one pulling the levers and turning the dials to make the Web a magical place. [...]

  125. [...] Best jQuery Effects (100 best) [...]

  126. [...] you are interested in more Javascript and jQuery types of transitions and tricks, check out 150+ Best jQuery Effects for Designers and Developers. Mastering CSS3 and HTML5 can also really get things moving on a page–positioning, fluidity, and [...]

  127. [...] you are interested in more Javascript and jQuery types of transitions and tricks, check out 150+ Best jQuery Effects for Designers and Developers. Mastering CSS3 and HTML5 can also really get things moving on a page–positioning, fluidity, and [...]

  128. [...] you are interested in more Javascript and jQuery types of transitions and tricks, check out 150+ Best jQuery Effects for Designers and Developers. Mastering CSS3 and HTML5 can also really get things moving on a page–positioning, fluidity, [...]

  129. [...] you are interested in more Javascript and jQuery types of transitions and tricks, check out 150+ Best jQuery Effects for Designers and Developers. Mastering CSS3 and HTML5 can also really get things moving on a page–positioning, fluidity, and [...]

  130. [...] you are interested in more Javascript and jQuery types of transitions and tricks, check out 150+ Best jQuery Effects for Designers and Developers. Mastering CSS3 and HTML5 can also really get things moving on a page–positioning, fluidity, [...]

  131. [...] you are interested in more Javascript and jQuery types of transitions and tricks, check out 150+ Best jQuery Effects for Designers and Developers. Mastering CSS3 and HTML5 can also really get things moving on a page–positioning, fluidity, [...]

  132. [...] you are interested in more Javascript and jQuery types of transitions and tricks, check out 150+ Best jQuery Effects for Designers and Developers. Mastering CSS3 and HTML5 can also really get things moving on a page–positioning, fluidity, [...]

  133. [...] you are interested in more Javascript and jQuery types of transitions and tricks, check out 150+ Best jQuery Effects for Designers and Developers. Mastering CSS3 and HTML5 can also really get things moving on a page–positioning, fluidity, [...]

  134. [...] está interesado en más transiciones y trucos de Javascript y jQuery, puede ver 150+ Best jQuery Effects for Designers and Developers (Más de 150 efectos jQuery para diseñadores y desarrolladores). Un buen conocimiento de CSS3 y [...]

  135. 150 best jQuery effects for web designers and developers http://t.co/ZLI1jF6 via @webdesignshock

  136. just when you thought you couldn’t love jQuery anymore, 150 reasons why it is amazing | http://t.co/JYjfSKU

  137. [...] Acceder al Tutorial: Tutorial JQuery – Los mejores 150 efectos para diseñadores web y programadores [...]

  138. [...] code organized and concise, which is the major slogan of the library, “write less, do more”. Read more… // Share and Enjoy Tinyurl for this [...]

  139. RT @KristinRowlett: These are cool :) #jQuery #WebDessign http://t.co/RS1CY3sf

  140. 150 best jQuery effects for web designers and developers http://t.co/RVQ82pAg via @webdesignshock

  141. [...] jQuery effects, 150+ best for web developers and designers [...]

  142. [...] and even drive it! Awesome. Get it from the APP STORE off your iphone. Also on some websites! iCar Remote. It's basically a remote control for your car. Control windows and even drive it! Aweso…p://www.youtube.com/v/f1WyyvNo1Sc?fs=1" type="application/x-shockwave-flash" width="425" [...]

  143. 150 best jQuery effects for web designers and developers http://t.co/sZgHGuTi

  144. 150 best jQuery effects for web designers and developers http://t.co/YdPZzweS via @webdesignshock

  145. jQuery effects, 150 best for web developers and designers http://t.co/lbETBXff #jquery

  146. RT @viking_olof: jQuery effects, 150 best for web developers and designers http://t.co/Z20AtZQh #jquery

  147. jQuery effects, 150 best for web developers and designers http://t.co/sAK85T8m #jquery

  148. [...] jQuery sliders as a key element in website development and more.… Affordable Website Features affordable website Helen asks… How can i show drop-down list with long text options in Internet E…a> Helen [...]

  149. [...] 150 effets jquery J'aimeJ'aime  article S'initier au HTML et aux feuilles de style CSS ← S’initier au HTML et aux feuilles de style CSS, cours 4 S’initier au HTML et aux feuilles de style CSS, cours 6 → [...]

  150. [...] jQuery effects, 150+ best for web developers and designers. [...]

  151. [...] jQuery effects, 150+ best for web developers and designers WEBデベロッパー、デザイナーのための150個以上のjQueryエフェクトが紹介されていました!透過エフェクト、アニメーション、テキストエフェクト等のカテゴリにわかれているのも非常にありがたい!是非ご一読あれ!   [...]

  152. 150 Mejores Efectos JQuery Para Diseñadores Y Desarrolladores Web” http://t.co/WlATN3vl

  153. Para animar tu sitio usando JQuery. (De todos modos necesitas conocimientos en programación… xD)

    Desarrollo y… http://t.co/QHBdPyJM

  154. RT @PBandada: Para animar tu sitio usando JQuery. (De todos modos necesitas conocimientos en programación… xD)

    Desarrollo y… http:/ …

  155. 150 best jQuery effects for web designers and developers http://t.co/ZIunoObP #design #useful

  156. 150 Best JQuery Effects For Web Designers And Developers http://t.co/xML9hw6lEX

  157. Los 150 mejores efectos #jQuery para diseñadores y desarrolladores —>http://t.co/DSB8LEFBpR

  158. RT @DesarrolloFacil: Los 150 mejores efectos #jQuery para diseñadores y desarrolladores —>http://t.co/DSB8LEFBpR

  159. RT @DesarrolloFacil: Los 150 mejores efectos #jQuery para diseñadores y desarrolladores —>http://t.co/DSB8LEFBpR

  160. [...] On this roundup we will show you the most captivating and creative jQuery tools and effects to inspire you, from animations to slideshows, you will find plenty of effects on this article, hope you enjoy it. [SOURCE] [...]

  161. […] On this roundup we will show you the most captivating and creative jQuery tools and effects to inspire you, from animations to slideshows, it's all here.  […]

  162. […] On this roundup we will show you the most captivating and creative jQuery tools and effects to inspire you, from animations to slideshows, it's all here.  […]

  163. […] jQuery effects, 150+ best for web developers and designers […]

  164. […] On this roundup we will show you the most captivating and creative jQuery tools and effects to inspire you, from animations to slideshows, you will find plenty of effects on this article, hope you enjoy it. [SOURCE] […]

  165. […] autres effets plus complexes, voir ici ! (en […]

  166. […] jQuery effects, 150+ best for web developers and designers […]

Leave a Reply

Comments

*