Top 10 Javascripts for Image Manipulation


This javascript enables you to add a cover flow effect to any image on your web page. You can add reflection, tilt angles and also borders to your images. The results look like this:-

Reflex Image


This is an unobtrusive javascript to add page curl effect to your images and works on all the major web browsers. It can also produce the curl on mouseover where it animates the effect. Here is what it can accomplish:-

Curl Image



This javascript can help you in adding nifty edges to your images. You can even mask a second transparent image to generate some nice looking eye candy. I was able to make the script do this:-

Edge Image


This javascript lets you add effects to your image corners like rounded corners, shadow (both inner and outer), shading etc. This is what can be done using this javascript :-

Corner Image


You can add slide frames to your images by using this javascript in your web pages. I am sure it can be useful to some people. This is what I came up with:-

Slided Image


Add a glossy effect to your images to make them stand out. This javascript also allows to add corners, shading and shadow. Here is my result:-

Glossy Image


This javascript allows you to add film strips around your images. You can also add shadow and shine to your film strip edges. This is what it looks like:-

Filmed Image


Did you ever want to add a lens to your page which will let you zoom into the images. This script will let you do that and much more using two versions of your image. Here is a preview:-

Loupe Image


This javascript lets you add an instant picture effect to your images. You can add border, tilt and shadow to give your images that photo effect which you always wanted. Here is a sample:-

Instant Image


This javascript simulates a whole bunch of effects! It allows you to add bevels with glow, shading and shine to your images. Here is the javascript in action:-

Bevel Image

With cheap web hosting, if the hosting service is good enough, an affiliate program can work well. The marketing aspect is also not that bothersome, if there is wireless internet since then one can work on the online marketing arena. Other ways like ppc can be done later as well.

This post was viewed 306,479 times

130 comments on “Top 10 Javascripts for Image Manipulation”

  1. Hello to every one, for the reason that I am truly keen of
    reading this blog’s post to be updated daily. It consists of nice material.

  2. inside uncut says:

    But, the cost of mass manufacturing plummeted with the
    massive increase in demand. If you’re unable to hold an appointment for many reasons, you’re requested to provide
    them sufficient notice because it helps them all to give your appointment time
    to some other patient.

    Check out my webpage inside uncut

  3. Very handy!! Keep up with the good work!! Thank you!!

  4. $author Thanks for a wonderful post. Can not wait to come back and read more on your blog. Have a great day.

  5. alex says:

    graxias por tus grandes aportes te mereces 5 estrellas y mas cuidate

  6. summer says:

    some great effects thanks for posting!

  7. time says:

    that is probably what i was searching for!
    thanx :)

  8. Thanks for this… pretty useful effects!

  9. Vladimir says:

    Some of these are really nice and attractive manipulations, thanks :)

  10. komin says:

    Wow! Its Awesome … I appreciate the work that you have put in this page. Really good, Thanks.

  11. Pitar says:

    Very good, Thanks!

  12. Awesome and very good scripts collection thank you for a nice article.

  13. David Soto says:

    This can come in handy some how. Bookmarked!

  14. SEO Hosting says:

    Image manipulation has really become easy with java scripts. Thanks for real useful list of java scripts.

  15. images says:

    Excellent work, thank you very much.

  16. hasfa says:

    What a great nice scripts. There’s too many usefull tutorial here. Thanks for the info.

  17. shaunjudy says:

    These are some nice scripts… Thanks for the info.

  18. Yunus says:

    They are great thanks..

  19. dilip says:

    Fabulous Post

  20. Corey says:

    These would be nice except for the non-commercial exclusion.

    I wish sites that offer things like this (and I’m referring to their site), would clearly state what the price of the commercial license is. Having to contact the author via email for a price is unscrupulous IMO.

    Great looking stuff, but unusable for me. Thanks anyways.

  21. BotJetryDer says:

    nice, really nice!

  22. Hazel Q. says:

    Thanks for the collection! Keep it up :)

  23. eurosaros says:

    great post…keep up the good work guys!

  24. haifafans says:

    Waaaaaaaaaw :D love it

  25. Kannan says:

    Nice collection… I will try to implement in my website

  26. Prateek says:

    Its really amazing if it worked out on My blog


  27. Bakhtawar says:

    Thanks dear for sharing nice set of java script, they are really very nice, i will use them at my wallpapers website.

  28. Great list for me ! Thanks you very much

  29. Sam H says:

    hi, great post…i’ve used glossy on my site navigation images.

    just one slight problem (and I wasn’t sure where else to ask a question)….the glossy display doesn’t render properly in google chrome. One of the very few problems i have found with the browser so far!


  30. cchana says:

    Some really nice effects you linked too. the magnifying one is quite nice. apart from the fact you have to drag it around, the result is better than most flash examples of the same thing imo!

  31. mljm says:

    Ah I got it working – it was a timing problem, the onload kicked in too early.

  32. mljm says:

    Great code, but I cannot get it to work inside frames in IE. In FF it works so it must be something IE specific that is preventing it. The pictures just disappear

  33. retro says:

    thanks for the share, maybe i will use it.

  34. SAB says:

    Thank you man!!!

    You have shared really very good effects of javascript!! I am glad that I can do it without photoshop now :)

  35. Andos says:

    Thanks man. That’s cool

  36. Duo says:

    Nice Collection. Thanx.

  37. Chris Larson says:

    Nice list. I’ve been looking for something like this..l I’ve posted your list on You should post your lists in the future on here


  38. Noto says:

    Instant.js can be found at


  39. bipin says:

    Great job that you have done


  40. Rich math says:

    Those are good advice about how to top 10 javascripts for image manipulation. I just started this wordpress blog and it’s going.

  41. Anna says:

    Nice effects! Buyed a photo on today – there is similar stuff.

  42. balaji says:

    Nice. Let me try.

  43. Ryan says:

    I wish you had the “Instant” code available :(

    thanks though!!

  44. soju says:

    Awesome theme. Posted this theme and this site to

    Thanks a bunch. Great site!

  45. Derek says:

    Very nice. If anyone is interested in using a free web tool for manipulating your images online, or adding cool text – check out

  46. Pingback:
  47. xtupix says:


  48. Awesome stuff, I like this.

  49. waveracer says:

    I need this info. for my web designer, thanks alot!!!

  50. Caren says:

    Interesting, maybe I should use them..

  51. Jack says:

    Great. With simple techniques, best results achieved.

  52. Great Site! Thanks for the referral… I will Used some of these for sure!

  53. David Shantz says:

    Thank you. Some gorgeous effects. We have developed a web application for creative expression with digital photos:

    Most of our solutions composite bitmaps using flash proxies. Interesting to see how this was done.

  54. Paxa says:

    Very good. I transate it in russian on my blog

  55. Claire says:

    Thanks a lot!!!!!!!!
    that is really easy to use!

  56. abovethelies says:

    nice, very helpful thanks

  57. Jurgen says:

    Beautiful j-scripts! Cheers for sharing!

  58. Léonie says:

    Thanks for sharing these great j-scripts. Really useful.

  59. Zanke says:

    Great scripts! I wonder if I implement these easily into my blogging tool. Thanks for these scripts!

  60. bigyaz says:

    Ignore the idiots like “top 10? from what list?”, who have nothing to contribute except cheap comments. We appreciate the post. Thanks!

  61. Jan Polzer says:

    What a great collection of JavaScripts. Thanks for it.

  62. new autos says:

    Nice tips, I am totally going to try these out on my next blog post.

  63. mriza says:

    Thanks bro, This is awesome script.

  64. Sava says:

    Very nice collection. I really like filmed.
    Thanks for sharing this

  65. Missy says:

    Thank you for sharing, these are great!

  66. AdminSpy says:

    nice collection you have here. I like the curl one.

  67. ChessGirl says:

    These are some really great tips. I hope to be able to use them somewhere soon.

  68. Great post. Very useful for the people who haven’t heard of these very useful javascripts. I use them a fair bit myself in projects.

    – Dwayne Charrington.

  69. top 10? from what list? says:

    All of these scripts were authored by the same person/group of people. They all come from the same website. You could look at one of them and find the rest on the site.

    The scripts are good, but there was not a lot of thought put into this list, I’m afraid.

  70. i want that image says:

    hey can you pass me the link to that image on the examples is really cool thanks

  71. Very good collection.. thank’s for your post ;)

  72. Han says:

    nice. this reminds me of a flash image thing called awnist stacks.

  73. WebGyver says:

    It’s amazing how some people can focus on a specific goal and make it work. I’m sure that creating those JavaScript image effects must have been a very time-consuming learning experience . . . and I can have it all for free?


  74. VitaminCM says:

    Nice. I really like a bunch of these.
    I might try a few on my site.

  75. dead sea says:

    very good collection of super effects

  76. sergey says:

    i like, thanks for the collection.

  77. aidilmujahid says:

    not nice pic hehe but keep tryin!!

Leave a Reply

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


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="">

Search :