{"id":19486,"date":"2016-12-02T12:00:45","date_gmt":"2016-12-02T12:00:45","guid":{"rendered":"https:\/\/www.designbombs.com\/?p=19486"},"modified":"2016-11-28T05:28:30","modified_gmt":"2016-11-28T05:28:30","slug":"javascript-libraries","status":"publish","type":"post","link":"https:\/\/www.designbombs.com\/javascript-libraries\/","title":{"rendered":"15 Top Free JavaScript Libraries and Plugins for Web Developers"},"content":{"rendered":"<p>JavaScript has long established its dominance on the web. Even though it is not yet the most popular language for web development, it is gaining favor with each passing day. JavaScript\u2019s rise can also be credited to the fact that it is backed by the presence of several useful free JavaScript libraries and plugins for you to work with.<\/p>\n<p>Don\u2019t believe it yet? Well, the <a href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\" target=\"_blank\" rel=\"nofollow\">JetPack plugin<\/a> for WordPress now features an admin panel interface almost entirely coded using React.js Similarly, WordPress.com desktop apps now rely heavily on JavaScript. All said and done, JavaScript is a rather useful and amazing development language that you should surely treat seriously.<\/p>\n<p>Free JavaScript libraries and plugins can aid in development by helping you provide a framework for your coding. But where do you find them? And which free JavaScript libraries are the best ones? In this article, we take a look at some of the best and most useful as well as totally free JavaScript libraries and plugins.<!--more--><\/p>\n<h2><span class=\"post-stitle\">01. <\/span>AngularJS<\/h2>\n<p><a href=\"https:\/\/angularjs.org\/\" target=\"_blank\" rel=\"nofollow\">AngularJS<\/a>, or simply Angular, has long been the dominant name in the world of free JavaScript libraries. It is an open source framework that has the backing of Google, and this very fact should be enough to impress anyone.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-19488\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/angular-js.png\" alt=\"AngularJS Free JavaScript Libraries\" width=\"675\" height=\"446\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/angular-js.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/angular-js-300x198.png 300w\" sizes=\"auto, (max-width: 675px) 100vw, 675px\" \/><\/p>\n<p>AngularJS is a modular framework, so if you are building a complex web application that requires easy backend to frontend communication, AngularJS might be a suitable option for you.<\/p>\n<p>Apart from Google itself, Angular is also used by the likes of PayPal Checkout and iTunes Connect.<\/p>\n<h2><span class=\"post-stitle\">02. <\/span>React<\/h2>\n<p><a href=\"https:\/\/facebook.github.io\/react\/\" target=\"_blank\" rel=\"nofollow\">React<\/a> is another extremely popular name and can never be missed out in a roundup of free JavaScript libraries. React has earned a reputation for being the ultimate JavaScript library for designing user interfaces.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-19498\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/react.png\" alt=\"React\" width=\"647\" height=\"321\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/react.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/react-300x149.png 300w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><\/p>\n<p>Since React is rather popular for UI development and design, it is often used in assonance with other JavaScript libraries in complex projects. For example, you can use React to power the frontend and UI of your app and simultaneously use Node.js to manage the server-side administration of the same app.<\/p>\n<p>React is open source and backed by Facebook. As discussed above, Jetpack\u2019s new admin interface makes good use of React code.<\/p>\n<h2><span class=\"post-stitle\">03. <\/span>Underscore.js<\/h2>\n<p><a href=\"http:\/\/underscorejs.org\/\" target=\"_blank\" rel=\"nofollow\">Underscore.js<\/a> is a JavaScript library that does not fiddle with default JS functionality. It does not extend any built-in functions; in other words, it lets the native JavaScript methods and objects be, and just adds some extra specializations and \u201chelpers\u201d for you to work with.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-19501\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/underscore.png\" alt=\"Underscore.js\" width=\"599\" height=\"104\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/underscore.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/underscore-300x52.png 300w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/><\/p>\n<p>Underscore.js is a perfect choice if you need a library that does not dictate terms and you are comfortable working with built-in JS objects. It can boost your productivity by adding extra modules and helpers to JavaScript functionality.<\/p>\n<h2><span class=\"post-stitle\">04. <\/span>Babylon.js<\/h2>\n<p>If you are into video game development, <a href=\"http:\/\/www.babylonjs.com\/\" target=\"_blank\" rel=\"nofollow\">Babylon.js<\/a> might be meant for you. It is a free JavaScript library based on WebGL. Thus, Babylon.js is not just a library, it is a full fledged 3D video game engine.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-19490\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/babylon-js.png\" alt=\"Babylon.js free JavaScript Libraries\" width=\"608\" height=\"216\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/babylon-js.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/babylon-js-300x107.png 300w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/p>\n<p>Babylon.js can be used to create high quality games that comply with all major web standards and coding rules. Plus, since Babylon.js is cross browser compatible, your games too will run across different web browsers as well as platforms.<\/p>\n<h2><span class=\"post-stitle\">05. <\/span>Ember<\/h2>\n<p><a href=\"http:\/\/emberjs.com\/\" target=\"_blank\" rel=\"nofollow\">Ember<\/a>, or Ember.js, is a JavaScript library that works as a web app framework. Wondering what that means? Well, Ember performs the hard task of decision making and allows you to focus solely on your code.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19495\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/ember.png\" alt=\"Ember\" width=\"720\" height=\"418\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/ember.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/ember-300x174.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>Ember comes with its own templating engine and it updates automatically when data structures change. Plus, Ember plays well with REST API applications too. However, do not expect grand flexibility from Ember. It has its own set of rules and frameworks and you must work within that.<\/p>\n<p>Ember is popular because it can save time by allowing you to code quick and swift; but it is not as flexible as other free JavaScript libraries.<\/p>\n<h2><span class=\"post-stitle\">06. <\/span>Backbone.js<\/h2>\n<p><a href=\"http:\/\/backbonejs.org\/\" target=\"_blank\" rel=\"nofollow\">Backbone.js<\/a> is a very simple and straightforward JavaScript library and framework. Its USP is the fact that it can fit within a single JavaScript file. Naturally, its small size and simple nature has led to the rise in popularity of Backbone.js<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19491\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/backbone-js.png\" alt=\"Backbone.js\" width=\"720\" height=\"128\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/backbone-js.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/backbone-js-300x53.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>But don\u2019t let its smaller size fool you! Backbone.js comes loaded with almost all the features that you can ask for: routing support, key binding, declarative event handling as well as ability to connect with RESTful APIs.<\/p>\n<p>If you are looking for a simple JS framework for your web apps, Backbone.js is a good option.<\/p>\n<h2><span class=\"post-stitle\">07. <\/span>Clipboard.js<\/h2>\n<p>As the name suggests, <a href=\"https:\/\/clipboardjs.com\/\" target=\"_blank\" rel=\"nofollow\">Clipboard.js<\/a> lets you copy content to clipboard without any dependencies. This means your app can copy data to clipboard without relying on Flash or anything else.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19493\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/clipboard-js.png\" alt=\"Clipboard.js\" width=\"720\" height=\"395\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/clipboard-js.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/clipboard-js-300x165.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>Clipboard.js relies on Selection and execCommand APIs. It works seamlessly across all popular web browsers and is barely 3 KB when zipped.<\/p>\n<h2><span class=\"post-stitle\">08.<\/span> Textillate.js<\/h2>\n<p><a href=\"http:\/\/textillate.js.org\/\" target=\"_blank\" rel=\"nofollow\">Textillate.js<\/a> is a nifty JavaScript plugin for CSS3 text animations. You can use it to add animations to every single letter of text on your page. It relies on animate.css for text effects and animations.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19499\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/textilliate-js.png\" alt=\"Textillate.js\" width=\"720\" height=\"406\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/textilliate-js.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/textilliate-js-300x169.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>Note that Textillate.js is not truly dependency-free. You will require jQuery to run it in addition to animate.css and Lettering.js libraries. That said, it offers a wide array of CSS3 text animations so you can take your pick and apply the required effects easily.<\/p>\n<h2><span class=\"post-stitle\">09. <\/span>Lettering.js<\/h2>\n<p><a href=\"http:\/\/letteringjs.com\/\" target=\"_blank\" rel=\"nofollow\">Lettering.js<\/a> is another JavaScript plugin for web typography. It lets you control the style and appearance of every single letter on the page. You can control individual lines as well as words and various other aspects, such as kerning.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19496\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/lettering-js.png\" alt=\"Lettering.js\" width=\"666\" height=\"552\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/lettering-js.png 666w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/lettering-js-300x249.png 300w\" sizes=\"auto, (max-width: 666px) 100vw, 666px\" \/><\/p>\n<p>Lettering.js is very popular when it comes to free JavaScript libraries for text management and animations. It requires jQuery to work with, so be sure that you have it set up before trying your hand at Lettering.js<\/p>\n<h2><span class=\"post-stitle\">10. <\/span>WOW.js<\/h2>\n<p><a href=\"http:\/\/mynameismatthieu.com\/WOW\/\" target=\"_blank\" rel=\"nofollow\">WOW.js<\/a> is a JavaScript library for revealing animations as you scroll down the page. It requires no jQuery to work with and is just 3 KB when zipped.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19502\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/wow-js.png\" alt=\"WOW.js\" width=\"720\" height=\"515\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/wow-js.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/wow-js-300x215.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/wow-js-84x60.png 84w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>Basically, as you scroll down the page, WOW.js offers reveal animations on the content. It is a very simple library that works seamlessly with animate.css and requires no rocket science to work with.<\/p>\n<p>Note that WOW.js is free for use in personal projects as well as GPL based open source projects. If, however, you have a closed source proprietary project, you will need to purchase a license for $29.<\/p>\n<h2><span class=\"post-stitle\">11.\u00a0<\/span>Chartist<\/h2>\n<p><a href=\"http:\/\/gionkunz.github.io\/chartist-js\/\" target=\"_blank\" rel=\"nofollow\">Chartist<\/a> lets you create simple responsive charts for your web projects. You can customize every single aspect of the charts and since Chartist uses SVG to render them, your charts can also obey CSS rules and custom code.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19492\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/chartist.png\" alt=\"Chartist\" width=\"720\" height=\"535\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/chartist.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/chartist-300x223.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>Chartist has its own animations API that can be used to animate the charts. You can customize it by means of media queries. Also, every chart created using Chartist is mobile-friendly and totally responsive.<\/p>\n<p>Bear in mind, however, that Chartist animations offer limited support for older versions of Internet Explorer.<\/p>\n<h2><span class=\"post-stitle\">12. <\/span>DropzoneJS<\/h2>\n<p><a href=\"http:\/\/www.dropzonejs.com\/\" target=\"_blank\" rel=\"nofollow\">DropzoneJS<\/a> is an open source and free JavaScript library that lets you add support for drag and drop file uploads and media previews in your web pages. It is free of any dependencies and compatible with almost all the major web browsers.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19494\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/dropzonejs.png\" alt=\"Dropzone.js\" width=\"720\" height=\"167\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/dropzonejs.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/dropzonejs-300x70.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>You can customize DropzoneJS to suit your needs and even tweak it by means of CSS animations. Furthermore, you can use it in combination with server-side scripts such as Node.js or PHP.<\/p>\n<h2><span class=\"post-stitle\">13.<\/span> Babel<\/h2>\n<p>The biggest issue that many developers tend to have when working with JavaScript is that of browser compatibility. Older web browsers tend to be dropped in favor of newer ones, but not all users update. There are still machines and devices out there that are running old versions of IE, after all!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19489\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/babel.png\" alt=\"Babel\" width=\"720\" height=\"389\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/babel.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/babel-300x162.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><a href=\"http:\/\/babeljs.io\/\" target=\"_blank\" rel=\"nofollow\">Babel<\/a> is not just a JavaScript library. Instead, it is a proper compiler that compiles your JS code to ES5 compliant nature. This means your code can run on new browsers such as Edge as well as older ones, such as IE 9.<\/p>\n<p>Using Babel, you can make use of all the new and fancy features of any JS library such as React, and simultaneously make it run on old web browsers without breaking a sweat.<\/p>\n<h2><span class=\"post-stitle\">14. <\/span>PhantomJS<\/h2>\n<p><a href=\"http:\/\/phantomjs.org\/\" target=\"_blank\" rel=\"nofollow\">PhantomJS<\/a> is a JavaScript plugin that lets you run and test your code without consuming excessive memory resources. Other that code testing, PhantomJS also lets you capture screenshots, automate page browsing as well as monitor network transactions all from inside the native JavaScript API.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19497\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/phantom-js.png\" alt=\"PhantomJS\" width=\"720\" height=\"293\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/phantom-js.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/phantom-js-300x122.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>PhantomJS offers native support for all the popular web standards including JSON and Canvas.<\/p>\n<h2><span class=\"post-stitle\">15. <\/span>three.js<\/h2>\n<p><a href=\"https:\/\/threejs.org\/\" target=\"_blank\" rel=\"nofollow\">three.js<\/a> is a 3D library for JavaScript. It lets you create 3D visualizations as well as render 3D to HTML5, SVG and WebGL.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19500\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/three-js.png\" alt=\"three.js\" width=\"720\" height=\"338\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/three-js.png 720w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/09\/three-js-300x141.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>three.js is a simple and minimal library that is a blessing for folks looking to work with 3D concepts. Essentially, most 3D visualizations tend to rely on game engines to get the job done. However, what if you just need a simple visualization without having to rely on a heavy game engine? What if, in other words, your visualization has nothing to do with gaming?<\/p>\n<p>three.js solves this problem by outputting simple 3D visualizations in a direct manner.<\/p>\n<h3>Over To You<\/h3>\n<p>So that brings us to the end of this roundup of some of the best and most useful free JavaScript libraries for your projects.<\/p>\n<p>Which one do you use the most? Any free JavaScript libraries that you think deserve a mention on this list? Have your say in the comments below!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript has long established its dominance on the web. Even though it is not yet the most popular language for&#8230;<\/p>\n","protected":false},"author":13,"featured_media":20526,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[51],"tags":[224],"class_list":{"0":"post-19486","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-coding","8":"tag-web-development","9":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.1 (Yoast SEO v26.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>15 Free JavaScript Libraries and Plugins for Web Developers - Design Bombs<\/title>\n<meta name=\"description\" content=\"Free JavaScript libraries and plugins can aid in development. In this article, we take a look at some of the best free JavaScript libraries and plugins.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.designbombs.com\/javascript-libraries\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"15 Top Free JavaScript Libraries and Plugins for Web Developers\" \/>\n<meta property=\"og:description\" content=\"JavaScript has long established its dominance on the web. Even though it is not yet the most popular language for web development, it is gaining favor\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.designbombs.com\/javascript-libraries\/\" \/>\n<meta property=\"og:site_name\" content=\"Design Bombs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/designbombs\/\" \/>\n<meta property=\"article:author\" content=\"http:\/\/facebook.com\/designbombs\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-02T12:00:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/12\/javascript-libraries.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"770\" \/>\n\t<meta property=\"og:image:height\" content=\"320\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sufyan bin Uzayr\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@sufyanism\" \/>\n<meta name=\"twitter:site\" content=\"@designbombs\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sufyan bin Uzayr\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.designbombs.com\/javascript-libraries\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.designbombs.com\/javascript-libraries\/\"},\"author\":{\"name\":\"Sufyan bin Uzayr\",\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/person\/df58b5caf710dd4533df612bb6c95e10\"},\"headline\":\"15 Top Free JavaScript Libraries and Plugins for Web Developers\",\"datePublished\":\"2016-12-02T12:00:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.designbombs.com\/javascript-libraries\/\"},\"wordCount\":1593,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.designbombs.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.designbombs.com\/javascript-libraries\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/12\/javascript-libraries.jpg\",\"keywords\":[\"Web Development\"],\"articleSection\":[\"Coding\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.designbombs.com\/javascript-libraries\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.designbombs.com\/javascript-libraries\/\",\"url\":\"https:\/\/www.designbombs.com\/javascript-libraries\/\",\"name\":\"15 Free JavaScript Libraries and Plugins for Web Developers - Design Bombs\",\"isPartOf\":{\"@id\":\"https:\/\/www.designbombs.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.designbombs.com\/javascript-libraries\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.designbombs.com\/javascript-libraries\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/12\/javascript-libraries.jpg\",\"datePublished\":\"2016-12-02T12:00:45+00:00\",\"description\":\"Free JavaScript libraries and plugins can aid in development. In this article, we take a look at some of the best free JavaScript libraries and plugins.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.designbombs.com\/javascript-libraries\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.designbombs.com\/javascript-libraries\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.designbombs.com\/javascript-libraries\/#primaryimage\",\"url\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/12\/javascript-libraries.jpg\",\"contentUrl\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/12\/javascript-libraries.jpg\",\"width\":770,\"height\":320},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.designbombs.com\/javascript-libraries\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.designbombs.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Coding\",\"item\":\"https:\/\/www.designbombs.com\/category\/coding\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"15 Top Free JavaScript Libraries and Plugins for Web Developers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.designbombs.com\/#website\",\"url\":\"https:\/\/www.designbombs.com\/\",\"name\":\"Design Bombs\",\"description\":\"Droppin&#039; design bombs everyday!\",\"publisher\":{\"@id\":\"https:\/\/www.designbombs.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.designbombs.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.designbombs.com\/#organization\",\"name\":\"DesignBombs\",\"url\":\"https:\/\/www.designbombs.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2019\/04\/db-logo.png\",\"contentUrl\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2019\/04\/db-logo.png\",\"width\":219,\"height\":92,\"caption\":\"DesignBombs\"},\"image\":{\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/designbombs\/\",\"https:\/\/x.com\/designbombs\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/person\/df58b5caf710dd4533df612bb6c95e10\",\"name\":\"Sufyan bin Uzayr\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ddef8b9631b6ec4503b51d4547c777ee7645871665a7c00cf5f452f5c662ed4c?s=96&d=https%3A%2F%2Fwww.designbombs.com%2Fwp-content%2Fthemes%2FDesignBombs%2Fimages%2Fgravatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ddef8b9631b6ec4503b51d4547c777ee7645871665a7c00cf5f452f5c662ed4c?s=96&d=https%3A%2F%2Fwww.designbombs.com%2Fwp-content%2Fthemes%2FDesignBombs%2Fimages%2Fgravatar.jpg&r=g\",\"caption\":\"Sufyan bin Uzayr\"},\"description\":\"Writer; published author; coffee-lover.\",\"sameAs\":[\"http:\/\/sufyanism.com\",\"http:\/\/facebook.com\/designbombs\",\"https:\/\/x.com\/sufyanism\"],\"url\":\"https:\/\/www.designbombs.com\/author\/sufyan\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"15 Free JavaScript Libraries and Plugins for Web Developers - Design Bombs","description":"Free JavaScript libraries and plugins can aid in development. In this article, we take a look at some of the best free JavaScript libraries and plugins.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.designbombs.com\/javascript-libraries\/","og_locale":"en_US","og_type":"article","og_title":"15 Top Free JavaScript Libraries and Plugins for Web Developers","og_description":"JavaScript has long established its dominance on the web. Even though it is not yet the most popular language for web development, it is gaining favor","og_url":"https:\/\/www.designbombs.com\/javascript-libraries\/","og_site_name":"Design Bombs","article_publisher":"https:\/\/www.facebook.com\/designbombs\/","article_author":"http:\/\/facebook.com\/designbombs","article_published_time":"2016-12-02T12:00:45+00:00","og_image":[{"width":770,"height":320,"url":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/12\/javascript-libraries.jpg","type":"image\/jpeg"}],"author":"Sufyan bin Uzayr","twitter_card":"summary_large_image","twitter_creator":"@sufyanism","twitter_site":"@designbombs","twitter_misc":{"Written by":"Sufyan bin Uzayr","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.designbombs.com\/javascript-libraries\/#article","isPartOf":{"@id":"https:\/\/www.designbombs.com\/javascript-libraries\/"},"author":{"name":"Sufyan bin Uzayr","@id":"https:\/\/www.designbombs.com\/#\/schema\/person\/df58b5caf710dd4533df612bb6c95e10"},"headline":"15 Top Free JavaScript Libraries and Plugins for Web Developers","datePublished":"2016-12-02T12:00:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.designbombs.com\/javascript-libraries\/"},"wordCount":1593,"commentCount":0,"publisher":{"@id":"https:\/\/www.designbombs.com\/#organization"},"image":{"@id":"https:\/\/www.designbombs.com\/javascript-libraries\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/12\/javascript-libraries.jpg","keywords":["Web Development"],"articleSection":["Coding"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.designbombs.com\/javascript-libraries\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.designbombs.com\/javascript-libraries\/","url":"https:\/\/www.designbombs.com\/javascript-libraries\/","name":"15 Free JavaScript Libraries and Plugins for Web Developers - Design Bombs","isPartOf":{"@id":"https:\/\/www.designbombs.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.designbombs.com\/javascript-libraries\/#primaryimage"},"image":{"@id":"https:\/\/www.designbombs.com\/javascript-libraries\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/12\/javascript-libraries.jpg","datePublished":"2016-12-02T12:00:45+00:00","description":"Free JavaScript libraries and plugins can aid in development. In this article, we take a look at some of the best free JavaScript libraries and plugins.","breadcrumb":{"@id":"https:\/\/www.designbombs.com\/javascript-libraries\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.designbombs.com\/javascript-libraries\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designbombs.com\/javascript-libraries\/#primaryimage","url":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/12\/javascript-libraries.jpg","contentUrl":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/12\/javascript-libraries.jpg","width":770,"height":320},{"@type":"BreadcrumbList","@id":"https:\/\/www.designbombs.com\/javascript-libraries\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.designbombs.com\/"},{"@type":"ListItem","position":2,"name":"Coding","item":"https:\/\/www.designbombs.com\/category\/coding\/"},{"@type":"ListItem","position":3,"name":"15 Top Free JavaScript Libraries and Plugins for Web Developers"}]},{"@type":"WebSite","@id":"https:\/\/www.designbombs.com\/#website","url":"https:\/\/www.designbombs.com\/","name":"Design Bombs","description":"Droppin&#039; design bombs everyday!","publisher":{"@id":"https:\/\/www.designbombs.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.designbombs.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.designbombs.com\/#organization","name":"DesignBombs","url":"https:\/\/www.designbombs.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designbombs.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2019\/04\/db-logo.png","contentUrl":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2019\/04\/db-logo.png","width":219,"height":92,"caption":"DesignBombs"},"image":{"@id":"https:\/\/www.designbombs.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/designbombs\/","https:\/\/x.com\/designbombs"]},{"@type":"Person","@id":"https:\/\/www.designbombs.com\/#\/schema\/person\/df58b5caf710dd4533df612bb6c95e10","name":"Sufyan bin Uzayr","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designbombs.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ddef8b9631b6ec4503b51d4547c777ee7645871665a7c00cf5f452f5c662ed4c?s=96&d=https%3A%2F%2Fwww.designbombs.com%2Fwp-content%2Fthemes%2FDesignBombs%2Fimages%2Fgravatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ddef8b9631b6ec4503b51d4547c777ee7645871665a7c00cf5f452f5c662ed4c?s=96&d=https%3A%2F%2Fwww.designbombs.com%2Fwp-content%2Fthemes%2FDesignBombs%2Fimages%2Fgravatar.jpg&r=g","caption":"Sufyan bin Uzayr"},"description":"Writer; published author; coffee-lover.","sameAs":["http:\/\/sufyanism.com","http:\/\/facebook.com\/designbombs","https:\/\/x.com\/sufyanism"],"url":"https:\/\/www.designbombs.com\/author\/sufyan\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2016\/12\/javascript-libraries.jpg","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/posts\/19486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/comments?post=19486"}],"version-history":[{"count":5,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/posts\/19486\/revisions"}],"predecessor-version":[{"id":20528,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/posts\/19486\/revisions\/20528"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/media\/20526"}],"wp:attachment":[{"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/media?parent=19486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/categories?post=19486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/tags?post=19486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}