đź“–
Maissen's Grimoire
  • Maissen's Grimoire
  • Html and css grimoire
    • HTML5 Periodical Table
    • HTML Cheat Sheet
    • CSS Cheatsheets
  • Javascript Grimoire
    • JavaScript Cheat Sheet
      • Javascript Array in depth
      • Tagged Template Literals
      • Guard Clauses - The Best Way To Write Complex Conditional Logic
      • JavaScript Optional Chaining
      • JavaScript Null Coalesce
      • What Are Magic Numbers And Why Are They Bad
      • ES6/ECMAScript2015 Cheatsheet
      • First-class and Higher Order Functions: Effective Functional JavaScript
    • Useful JavaScript Tips, Tricks and Best Practices
    • Bits of code
    • Useful JavaScript libraries
      • Components
      • Animation
      • Maps
      • Helpers
      • Presentations
      • Charts
      • Games
      • Audio
      • Images
      • Video
    • Js the right way
  • Angular Grimoire
    • Angular doc
    • Getting Started
    • Angular clean architecture
    • Angular Cheat Sheet
    • TypeScript Cheat Sheet
    • My Favorite Tips and Tricks in Angular
    • NgRx: tips & tricks
    • Bits of code
      • Execute Multiple HTTP Requests in Angular
      • Authentification
        • Angular 8 JWT Authentication with HttpInterceptor and Router
      • Integrations
        • Spring Boot
          • Rest Example
            • Angular,Spring Boot,Spring Data and Rest Example(CRUD)
          • Authentification
            • Angular, Spring Boot: JWT Authentication with Spring Security example
            • Angular Spring Boot Security Oauth2
              • Spring Boot OAUTH2 Role-Based Authorization
              • Spring Boot Security Google Oauth
              • Spring Security OAuth2 User Registration
    • Most used dependency
  • Node Grimoire
    • Express.js 4 Cheatsheet
    • Useful Dependencies
    • How To Use And Write Express Middleware
    • Node.js with SQL databases
      • Node.js Token Based Authentication & Authorization example
      • Node.js Rest APIs example with Express, Sequelize & MySQL
      • Node.js Express & PostgreSQL: CRUD Rest APIs example with Sequelize
      • Sequelize
        • Sequelize Many-to-Many Association example – Node.js & MySQL
        • Sequelize One-to-Many Association example with Node.js & MySQL
    • Node.js with NOSQL databases
      • Node.js + MongoDB: User Authentication & Authorization with JWT
      • Node.js, Express & MongoDb: Build a CRUD Rest Api example
      • MongoDB One-to-One relationship tutorial with Mongoose example
      • MongoDB One-to-Many Relationship tutorial with Mongoose examples
      • MongoDB Many-to-Many Relationship with Mongoose examples
  • Upload files
    • How to upload multiple files in Node.js
    • Upload & resize multiple images in Node.js using Express, Multer, Sharp
    • Upload/store images in MySQL using Node.js, Express & Multer
    • How to upload/store images in MongoDB using Node.js, Express & Multer
  • React Grimoire
    • React Doc
    • React Grimoire
    • React Cheat Sheet
  • spring boot Grimoire
    • Getting started
    • Spring Boot, Spring Data JPA – Rest CRUD API example
    • Spring Boot Token based Authentication with Spring Security & JWT
  • Mongo Grimoire
    • MongoDb-Mongoose Cheat Sheet
  • Development tools
    • Design Patterns
  • maissen_grimoire
Powered by GitBook
On this page
  • ThreeJs
  • D3.js
  • The best JavaScript frameworks
  • Ionic
  • Electron
  • Next.js
  • Vue.Js
  • Popular JavaScript tools and plugins:
  • Yarn
  • GatsbyJs
  • Shave
  • Stencil
  • TypeScript
  • Webpack

Was this helpful?

  1. Javascript Grimoire

Useful JavaScript libraries

PreviousBits of codeNextComponents

Last updated 1 year ago

Was this helpful?

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 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.

Webpack

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.

TypeScript Cheat Sheet
Paper Planes site
Three.js – JavaScript 3D librarythreejs
Logo
D3.js - Data-Driven Documentsmbostock
Cross-Platform Mobile App Development: Ionic FrameworkIonic Framework
Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS.ElectronJS
Logo
Next.js by Vercel - The React Frameworkvercel
Vue.js
Home
The Fastest Frontend Framework for Headless CMS'sGatsby
https://github.com/dollarshaveclub/shaveDSCEngineering
Logo
Stencilstenciljs
Logo
JavaScript With Syntax For Types.typescriptlang
webpack module bundler
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo