Useful JavaScript libraries
ThreeJs
For anyone interested in 3D design, Three.js is a really fun JavaScript library to play around with. It can help you create incredible projects and bring your designs to life! Remember that awesome Paper Planes site where you could throw paper airplanes with your phone? Three.js helped bring that to life. To see more awesome projects (or start creating some yourself)
D3.js
If you’re the type of person who just loves data, this JavaScript library was made for you. D3.js manipulates documents based on their content, and then will help you bring that data to life by using HTML, SVG, and CSS. For example, you can generate HTML tables or create interactive SVG charts. If you’re looking to display some data on your site, this is the way to do it.
The best JavaScript frameworks
Ionic
This JavaScript framework is perfect for developing HTML5 hybrid mobile apps. It’ll help you develop the front-end UI framework and create compelling interactions on your site. If you’ve used other mobile development frameworks in the past, you’ll find some similarities that make it a breeze to get started!
Electron
If you can build a website, you can build a desktop app. Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. It takes care of the hard parts so you can focus on the core of your application.
Next.js
Next.js helps you build apps with JavaScript and React in a simple, customizable way. It includes features like automatic code-splitting, client-side routing, and the ability to implement with Express or other Node.js HTTP servers.
Vue.Js
This progressive JavaScript framework is key for building excellent user interfaces, and if you’re already familiar with HTML, CSS, and JavaScript, you’ll be able to start building things in no time! The core library is focused on the view layer, so it’s great for pairing with other libraries and projects, or simply powering single-page applications.
Popular JavaScript tools and plugins:
Yarn
Yarn is a package manager that doubles down as project manager. Whether you work on one-shot projects or large monorepos, as a hobbyist or an enterprise user, we've got you covered.
GatsbyJs
This site generator for React will help you build fast, secure, and modern applications or websites. It’s really a whole ecosystem of great tools, featuring a bunch of Gatsby plugins, allowing you to pick and choose the solutions you need.
Shave
This JavaScript plugin will help you truncate text right inside an HTML element. Using a set max-height, Shave truncates the remaining text to make it fit within the element. The best part, however, is that it stores the extra text in a hidden <span> element, meaning you don’t lose the original text. It’s a game-changer!
Stencil
Stencil combines some of the best concepts of the most popular front-end frameworks to generate web components that run in any modern browser. It’s simple, fast, and future-proof. What more could you need?!
TypeScript
Get ready to be amazed. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript, allowing you to use popular libraries while using the same syntax you know and love. It built to support large apps, works with a variety of other tools, and is sure to streamline your workflow.
pageTypeScript Cheat SheetWebpack
If you’re looking for a super slick way to bundle up your application’s dependencies, look no further than Webpack. This module bundler for modern JavaScript applications will take your assets and bundle them up in a simplified way, keeping your code clean and load on your browser minimal.
Last updated
