76 Image Filters For Browser And Node.js – Pixels.js

Preview:

Description:

A Javascript library that lets you easily apply 76 pretty cool filters to images in the browser! You can also use it within your NodeJS based server to convert images without the need for a browser!

Whether you want to give your images a modern feel, or your photos a touch of retro with a vignette, it’s super easy.

How to use it (Browser):

1. Download and load the Pixels.js library in the document.

<script src=”/dist/Pixels.js”></script>

2. Initialize the Pixels.js and apply a filter of your choice to the image.

var img = document.getElementById("img")
img.onload = function() {
  pixelsJS.filterImg(img, "purplescale");      
}

3. All available image filters:

1. horizontal_lines
2. extreme_offset_blue
3. extreme_offset_green
4. offset_green
5. extra_offset_blue
6. extra_offset_red
7. extra_offset_green
8. extreme_offset_red
9. specks_redscale
10. eclectic
11. pane
12. diagonal_lines
13. green_specks
14. casino
15. yellow_casino
16. green_diagonal_lines
17. offset
18. offset_blue
19. neue
20. sunset
21. specks
22. wood
23. lix
24. ryo
25. bluescale
26. solange
27. evening
28. crimson
29. teal_min_noise
30. phase
31. dark_purple_min_noise
32. coral
33. darkify
34. incbrightness
35. incbrightness2
36. invert
37. sat_adj
38. lemon
39. pink_min_noise
40. frontward
41. vintage
42. perfume
43. serenity
44. pink_aura
45. haze
46. cool_twilight
47. blues
48. horizon
49. mellow
50. solange_dark
51. solange_grey
52. zapt
53. eon
54. aeon
55. matrix
56. cosmic
57. min_noise
58. red_min_noise
59. matrix2
60. purplescale
61. radio
62. twenties
63. ocean
64. a
65. pixel_blue
66. greyscale
67. grime
68. redgreyscale
69. retroviolet
70. greengreyscale
71. warmth
72. green_med_noise
73. green_min_noise
74. blue_min_noise
75. rosetint
76. purple_min_noise