Top 100 JavaScript & CSS Libraries Of 2017

This is a list of TOP 100 JavaScript & CSS libraries, plugins, components we published in 2017.

See also:

• TOP 100 Free jQuery Plugins Of 2018

View Top 10 Libraries By Categories and Tags:

• Top 10 Accordions
• Top 10 Carousels
• Top 10 Checkbox & Radio Button Replacement Libraries
• Top 10 Date & Time Pickers
• Top 10 Drag And Drop Libraries
• Top 10 Form Validation Libraries
• Top 10 Galleries
• Top 10 Gallery Lightboxes
• Top 10 Grid Layouts
• Top 10 Image Zoom Libraries
• Top 10 Lazy Load Libraries
• Top 10 Loading Spinner/Indicator JavaScript & CSS Libraries
• Top 10 Mobile Menus
• Top 10 Tabs Components
• Top 10 Text Animation Libraries
• Top 10 Toast Notification Libraries
• Top 10 Toggle Switch Libraries
• Top 10 Parallax Effects
• Top 10 Progressbar Components
• Top 7 Range Slider Libraries
• Top 10 Responsive Menus
• Top 10 Scrollbar Replacement Libraries
• Top 10 Smooth Scroll Libraries

Top 100 JavaScript and CSS Libraries 2017:

1. Pretty Checkbox & Radio Inputs with Bootstrap and awesome-bootstrap-checkbox.css (Views: 99218)
2. Pure CSS Circular Percentage Bar (Views: 87381)
3. Simple 5-star Rating System with CSS and Html Radios (Views: 70611)
4. Create A Multi-Level Drop Down Menu with Pure CSS (Views: 48245)
5. Pure CSS Mobile-compatible Responsive Dropdown Menu (Views: 27844)
6. Responsive Step Progress Indicator with Pure CSS (Views: 21508)
7. Pure CSS3 Animated Text Overlay On Hover (Views: 19278)
8. Generic Country & State Dropdown List – countries.js (Views: 18384)
9. Automatic Image Slider with Pure CSS (Views: 17203)
10. Pure CSS Vertical Multi-level Navigation Menu (Views: 16200)
11. Create A Simple Event Calendar With JavaScript – Caleandar.js (Views: 16046)
12. Multilevel Accordion Menu with Plain HTML & CSS (Views: 15646)
13. Beautiful Checkbox And Radio Button Replacement With Pure CSS – Magic-check (Views: 15460)
14. Animated Circular Progress Bar Using SVG Path Animation (Views: 14807)
15. Beautiful Material Design Date & Time Picker (Views: 12945)
16. Circular Progress Bar With Plain HTML / CSS (Views: 12682)
17. Basic Image Slideshow with Pure CSS (Views: 12638)
18. CSS Only Crossfading Background Slideshow (Views: 12552)
19. Pure CSS Material Design Floating Input Placeholder (Views: 12216)
20. Multi-level Toggle Responsive Navigation Menu using Pure CSS (Views: 11217)
21. Creating A Simple Mega Menu with Pure HTML / CSS (Views: 11192)
22. Animated Image Grid with CSS3 Based Hover Caption Effects – InContent (Views: 10652)
23. Creating Fast and Responsive Gauges with Pure CSS (Views: 10011)
24. Responsive Image Carousel with Angular.js and Bootstrap 3 (Views: 9948)
25. Minimal Pure CSS Responsive Modal Box – modalcss (Views: 9321)
26. Modals and Popups Provider For Angular.js Applications – ngDialog (Views: 9069)
27. Animated Font Awesome Icons with Pure CSS3 (Views: 8523)
28. Creating A Sticky Social Share Bar with CSS3 Transitions and Transforms (Views: 8180)
29. Material Style Checkbox & Radio Inputs With Pure CSS (Views: 8142)
30. Fullscreen Fading Slideshow with Pure Html / CSS (Views: 7579)
31. Creating An Animated Particle System Using Particles.js (Views: 7369)
32. Super Simple JavaScript Message Toaster – toast.js (Views: 7313)
33. Transparent Image Hover Overlay With Pure CSS/CSS3 (Views: 7182)
34. Cross-fading Carousel In Pure CSS (Views: 7091)
35. Pure CSS Horizontal Responsive Image Accordion Slider (Views: 6859)
36. Pure Html / CSS Responsive Carousel – Cari (Views: 6784)
37. Pretty Custom Checkboxes & Radio Buttons with Pure CSS – CSS3 Checkbox (Views: 6733)
38. Responsive Sidebar Navigation with JavaScript and CSS3 (Views: 6440)
39. Pure CSS Responsive Horizontal Accordion (Views: 6429)
40. Image Caption Hover Animations with CSS3 Transitions and Transforms (Views: 6341)
41. Interactive Smoke Effect With JavaScript and Canvas – smoke.js (Views: 6263)
42. Audio Visualizer with Html5 Audio Element (Views: 5870)
43. Lightweight Pure JavaScript Input Mask (Views: 5739)
44. Pure CSS Floating Labels For Text Fields (Views: 5637)
45. Small JavaScript Alert & Confirm Dialog Replacement – Custom Alert (Views: 5619)
46. Create A Simple News Ticker using Pure CSS / CSS3 (Views: 5214)
47. Animate Elements On Scroll – AOS (Views: 5159)
48. Small JavaScript Library To Export JSON Data To CSV File – CSV-Export (Views: 5147)
49. Pure CSS Circle Menu with CSS3 Transitions & Transforms (Views: 5115)
50. Animated Progress Bar Component With Pure CSS (Views: 5028)
51. Simple Modal Window With Background Blur Effect (Views: 4849)
52. Simple JavaScript & CSS Image Slider with Slice Transition Effect (Views: 4753)
53. Create An Exit Popup When Leaving Website – ouibounce.js (Views: 4727)
54. Pure HTML/CSS Bar Chart System – Chart.css (Views: 4635)
55. Create A Family / Organization Tree Using JavaScript and Canvas – ftree.js (Views: 4413)
56. Five Star Rating System with Pure CSS and Radio Button Hack (Views: 4324)
57. Pure CSS3 Html List Based Column/Bar Chart (Views: 4173)
58. Javascript To Animate Html Elements On Scroll – WOW.js (Views: 4167)
59. Pure CSS3 Tab Effects (Views: 4150)
60. Simple Clean Popup Window with Pure JavaScript – Simple Popup (Views: 4045)
61. Creating A Star Rating Widget With Pure HTML / CSS (Views: 3999)
62. Animated Pie Progress Bar With Pure CSS – Circles.css (Views: 3965)
63. Flipping Countdown Clock With JavaScript And CSS – countDown.js (Views: 3916)
64. Pure CSS Background Slideshow With Ken Burns Effect (Views: 3563)
65. Pinterest-like Responsive Fluid Grid Layout with Pure JavaScript (Views: 3533)
66. Responsive Dropdown Nav Menu With Pure CSS (Views: 3512)
67. Accessible Fullscreen Modal Popup with Pure CSS/CSS3 (Views: 3157)
68. HTML5 Multi-handle Range Slider Polyfill Solution – multirange (Views: 3082)
69. Pure CSS Star Rating System (Views: 2955)
70. Minimal Inline Calendar Date Picker In Vanilla JavaScript (Views: 2921)
71. Google Material Design Style Checkbox Transition Effect with CSS3 (Views: 2870)
72. Pure CSS Image Slider With Thumbnail Navigation (Views: 2826)
73. Canvas Based HTML5 Gauge Library – Gauge.js (Views: 2818)
74. Responsive Hexagon Grid In Pure CSS (Views: 2813)
75. Fix Table Header And Column In Pure JavaScript – fixed-table (Views: 2793)
76. Creating Animated Circle Graphs with Circles.js and SVG (Views: 2758)
77. Material Design Inspired Check & Radio Click Effects with CSS3 (Views: 2728)
78. Create Organizational Chart with Pure JavaScript – js-orgChart-2 (Views: 2667)
79. Animated Step Progress Bar In Pure JavaScript (Views: 2666)
80. Medium-style Confirm Dialog Box with JavaScript and CSS/CSS3 (Views: 2640)
81. Pure CSS Star Rating Component (Views: 2597)
82. Creating A Stylish Tabs Control Using Pure CSS / CSS3 (Views: 2468)
83. Circular Progress Bar Component With JavaScript – progress-bars.js (Views: 2418)
84. Simple Pure JavaScript Content Slider – Vanilla Slider (Views: 2415)
85. Responsive Justified Photo Grid Layout With Pure CSS – flexbin.css (Views: 2411)
86. Automatic Responsive Image Slider In Vanilla JavaScript – air-slider (Views: 2404)
87. Animated Checkbox & Radio Button with CSS3 and Font Awesome (Views: 2357)
88. Radio Button Based Star Rating System (Views: 2354)
89. Material Style Toggle Switches with Pure CSS / CSS3 (Views: 2351)
90. Radial Progress Bar With JavaScript And HTML5 Canvas (Views: 2345)
91. Google Material Design Animated Radio Buttons with Pure CSS3 (Views: 2260)
92. Pure CSS Content Carousel with Arrows & Bullets Navigation (Views: 2246)
93. Pure HTML5 / CSS3 Responsive Table Solution (Views: 2201)
94. Accessible Star Rating System In Pure CSS – Starability.css (Views: 2201)
95. CSS Flexbox Based Responsive Navigation (Views: 2194)
96. Minimal Dynamic Slideshow JavaScript Library (Views: 2185)
97. Animated Round Popup Menu With Pure CSS (Views: 2167)
98. Create Flat Skill Bars with Pure CSS (Views: 2131)
99. Lightweight Pure JavaScript Date Picker library – DatePickerX (Views: 2128)
100. Responsive Flat Style Timeline with Pure CSS/CSS3 (Views: 1988)