📖
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
  • Handsontable
  • AG-Grid
  • Swipper
  • Offline
  • Sigma
  • MathJax
  • HighlightJs
  • ClipBoardJs
  • FullCalendar
  • SweetAlert
  • NProgress
  • Toastr
  • IZITOAST
  • Hint
  • Algolia Places
  • Full-screen videos
  • Cleave
  • Granim
  • Popper
  • Slick
  • Quill
  • Fabric

Was this helpful?

  1. Javascript Grimoire
  2. Useful JavaScript libraries

Components

PreviousUseful JavaScript librariesNextAnimation

Last updated 5 years ago

Was this helpful?

Handsontable

JavaScript data grid that looks and feels like a spreadsheet.

AG-Grid

ag-Grid is a framework agnostic feature-rich datagrid. This overview details all stand out features in ag-Grid from Grouping, Pivoting, Pagination, Tree Data and many more.

Swipper

Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.

Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

Offline

Sigma

Sigma is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications.

MathJax

A JavaScript display engine for mathematics that works in all browsers. No more setup for readers. It just works.

HighlightJs

Syntax highlighting for the Web

ClipBoardJs

Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework.

That's why clipboard.js exists.

FullCalendar

SweetAlert

A BEAUTIFUL, RESPONSIVE, CUSTOMIZABLE, ACCESSIBLE (WAI-ARIA) REPLACEMENT FOR JAVASCRIPT'S POPUP BOXES

NProgress

A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!

Toastr

Simple javascript toast notifications

IZITOAST

Elegant, responsive, flexible and lightweight notification plugin with no dependencies.

Hint

A pure CSS tooltip library for your lovely websites

Algolia Places

Algolia Places is a JavaScript library that will help you autocomplete forms, and it specializes in addresses. You can even add a map to the search and display the location, which is incredibly useful. It’s wonderfully accurate and super fast, which will definitely increase the user experience on your site.

Full-screen videos

Full-screen videos make for excellent site backgrounds, and that’s exactly what Bideo.js is for. This JavaScript library makes it super easy to add a video background that looks good on every screen size and scales super smoothly.

Cleave

Have you ever used a form field that formatted your content while you were typing? Think of a phone number field, transforming your 1234567890 into (123) 456-7890. Cleave.js is a JavaScript library that can add that same functionality to your site. It a super simple concept, but it makes for a wonderful user experience, and consistent data when you receive form submissions.

Granim

Brighten up your site with a colorful background gradient with the help of Granim.js. This small JavaScript library is perfect for adding fluid and interactive gradients. They can stand alone, cover an image, live under an image mask, basically anything you can dream up!

Popper

This JavaScript library will help you create delightful poppers on your site. If you’re wondering what a popper is, think of it like a little thought bubble bursting from an element! Popper.js gives you some fantastic ways to arrange them, make them stick to elements, and keep them operating smoothly on any screen size.

Slick

Slick is here to solve all of your carousel needs. It’s fully responsive, has tons of options, works with swipe gestures for mobile devices, and so much more. You can even sync two different carousels if you want, to create a stacked effect.

Quill

Fabric

Fabric.js is a powerful and simple Javascript HTML5 canvas library ,Fabric provides interactive object model on top of canvas element, Fabric also has SVG-to-canvas (and canvas-to-SVG) parser

is a modern rich text editor built for compatibility and extensibility. It was created by and and actively maintained by .

https://nosir.github.io/cleave.js/
Quill
Jason Chen
Byron Milligan
Slab
Handsontable is a JavaScript data grid that looks and feels like a spreadsheet - Available for React, Angular and Vue
AG Grid: High-Performance React Grid, Angular Grid, JavaScript Gridag_grid
Offline.js – Handle your users losing their internet connection like a pro
Swiper - The Most Modern Mobile Touch SliderSwiper
Sigma.js
MathJaxMathJax
Logo
highlight.js
clipboard.js
Logo
FullCalendar - JavaScript Event Calendar
SweetAlert2
NProgress: slim progress bars in JavaScript
Logo
Toastr by CodeSeven
iziToast.jsiziToast.js
Hint.css - A tooltip library in CSS
Logo
Algolia PlacesAlgolia Places
Easy Fullscreen HTML5 Background Video
Granim.js
Logo
Home
slick - the last carousel you'll ever need
Logo
Fabric.js Javascript Canvas Library
Your powerful rich text editorQuill
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo