Search


    The 31 Best JavaScript Frameworks and Libraries

    Write less, do more!

    The 31 Best JavaScript Frameworks and Libraries

    JavaScript really is an amazing language, even those who don’t like it need to learn because the web is HTML, CSS and JavaScript, that is, it does part of the basics of everything.

    But writing JavaScript from scratch can be very laborious and complicated, especially for beginners, which would be JavaScript Vanilla. Therefore, there are several libraries and frameworks to facilitate and improve your applications.

    I separated the 31 best by categories and we will know each one of them:

    GENERAL PROPOSAL

    01. jQuery

    Official website: https://jquery.com/ jQuery is a fast, small and feature-rich JavaScript library. Created by John Resig.

    jQuery

    02. YUI

    Official website: http://yuilibrary.com/ Created by Yahoo !, YUI is an open source JavaScript and CSS library for creating rich, interactive web applications. New updates have been stopped since August 29, 2014.

    YUI

    03. ZeptoJS

    Official website: http://zeptojs.com/ Zepto is a minimalist JavaScript library for modern browsers with great compatibility with the jQuery API. If you use jQuery, you already know how to use Zepto.

    ZeptoJS

    04. Dojo Toolkit

    Official website: http://dojotoolkit.org/ Dojo is a free and open source JavaScript toolkit for creating high-performance web applications. Project sponsors include IBM and SitePen.

    Dojo Toolkit

    05. Underscore.js

    Official website: http://underscorejs.org/ Underscore.js is a JavaScript library that provides a huge amount of useful helpers without extending any internal objects.

    Underscore

    MODEL VIEW *

    06. Backbone.js

    Official website: http://backbonejs.org/ Very popular client-side JavaScript framework, created by @jashkenas.

    Backbone

    07. Ember.js

    Official website: http://emberjs.com/ Created by @wycats, core developers of jQuery and Ruby on Rails.

    Ember

    08. Knockout.js

    Official website: http://knockoutjs.com/ Simplifies dynamic client interfaces created in JavaScript by applying the Model-View-View (MVVM) model.

    Knockout

    09. Angular.js

    Official website: http://angularjs.org/ Created by Google, Angular.js is like a polyfill for the future of HTML.

    Angular.js

    10. Angular

    Official website: https://angular.io/

    A framework.Mobile & desktop. One way to build apps with Angular and use your code and skills to build apps for each deployment goal. For web, mobile web, native mobile phone and native desktop.

    Angular

    11. Cappuccino

    Official website: https://www.cappuccino.dev/ Cappuccino is an open source framework that makes it easy to create desktop-like applications that run in a browser.

    Cappuccino

    12. JsMVC

    Official website: https://github.com/Nitij/JsMvc JavaScriptMVC is a small framework for implementing mvc-style navigation in a single page web application.

    JavaScriptMVC

    14. Meteor

    Official website: https://www.meteor.com/ Meteor is an open source platform for quickly creating high quality web applications, whether you’re an experienced developer or just getting started.

    Meteor

    15. Spice.js

    Official website: https://github.com/spicejs Spice is a tiny (<3k) and flexible JavaScript MVC framework. Spice was built to be easy to add to any existing application and works well with other technologies like jQuery, pjax, turbolinks, node or whatever else you are using.

    Spice

    16. Riot.js

    Official website: https://riot.js.org/ Riot is an incredibly fast, powerful and small client-side library (MV \ *) for creating large-scale web applications. Despite the small size, all the building blocks are there: a template engine, routes, event library and a rigid MVP pattern to keep things organized.

    Riot

    17. CanJS

    Official website: http://canjs.com/ CanJS is a JavaScript framework that simplifies and speeds up the development of complex applications. Easy to learn, small and with a modest structure, but with modern features such as custom tags and two-way binding.

    CanJS

    LIBRARY

    18. React

    Official website: https://reactjs.org/

    Created by Facebook. React is a JavaScript library for creating user interfaces for Facebook and Instagram. Many people see React as the V of MVC.

    React

    19. Vue.js

    Official website: https://vuejs.org/ It is an MVVM library that provides two-way data binding, adds additional behavior to HTML (through directives) and reactive components. Using native add-ons, the developer can also rely on routes, AJAX, Flux-style data source management, form validation and more. It provides an extension for Chrome that is very useful for inspecting components built with Vue.

    Vue.js

    20. Handlebars

    Official website: https://handlebarsjs.com/ Handlebars effectively provide the power you need to create semantic templates without frustration. Widely used in Node.js to generate dynamic HTML pages.

    Handlebars

    21. Dust.js

    Official website: https://www.dustjs.com/ It is a library created by LinkedIn that serves to create asynchronous templates for the browser and for node.js.

    Dust

    ANIMATION

    22. Velocity.js

    Official website: http://velocityjs.org/ Velocity is an animation engine with the same API $ .animate () as jQuery.

    Velocity

    23. Bounce.js

    Official website: http://bouncejs.com/ Bounce.js is a JavaScript library and tool that allows you to create beautiful CSS3 animations.

    Bounce.js

    24. TweenJS

    Official website: https://www.createjs.com/tweenjs A simple but powerful JavaScript library to interpolate and animate HTML5 and JavaScript properties.

    TweenJS

    25. Move.js

    Official website: http://visionmedia.github.io/move.js/ Move.js is a small JavaScript library that makes CSS3 animations super simple and elegant.

    Move.js

    26. Snap.svg

    Official website: http://snapsvg.io/ SVG is an excellent way to create interactive, resolution-independent vector graphics that look great on any screen size.

    Snap

    27. Rekapi.js

    Official website: https://jeremyckahn.github.io/rekapi/doc/rekapi.js.html Rekapi is a library for making canvas and DOM animations with JavaScript, as well as CSS @keyframe animations, for modern browsers.

    Rekapi

    28. Favico.js

    Official website: http://lab.ejci.net/favico.js/ Make use of your favicon with emblems, images or videos.

    Favico

    29. Textillate.js

    Official website: http://textillate.js.org/ Textillate.js combines some impressive libraries to provide an easy-to-use plugin for applying CSS3 animations to any text.

    Textillate.js

    30. Motio

    Official website: https://darsa.in/motio/ Motio is a small JavaScript library for simple yet powerful animation based on sprites and panning.

    Motio

    31. Anime.js

    Official website: https://animejs.com/ Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library, with a simple and powerful API. Works with CSS properties, SVG attributes, DOM and JavaScript objects.

    Anime.js

    Well folks, that’s it. My preferences from those mentioned above are Vue.js, Textillate.js and Anime.js, but this is a matter of taste.

    Thanks!

    Useful link: jstherightway

    js javascript programming

    Share

    Comments