Overview

JavaScript’s ecosystem includes thousands of libraries that extend the language’s built-in capabilities. This section covers notable libraries used for DOM manipulation, drag-and-drop interactions, audio playback, rich text editing, data visualization, and other UI concerns.

These libraries complement core JavaScript and framework knowledge documented in JavaScript, Svelte, and React.

Libraries in This Collection

UI and Interaction

  • SortableJS β€” Touch-friendly drag-and-drop list reordering
  • Muuri β€” Responsive grid layouts with drag-and-drop
  • SwiperJS β€” Mobile-first touch slider and carousel

Rich Text and Editors

  • TinyMCE β€” Mature WYSIWYG editor with plugin ecosystem
  • Editor.js β€” Block-based rich text editor

Media and Files

  • HowlerJS β€” Web audio library for games and apps
  • FilePond β€” Flexible file upload with preview

Animation and Visualization

  • Three.js β€” 3D graphics and WebGL rendering
  • Reveal.js β€” HTML-based presentation framework

Utilities

  • js-cookie β€” Simple cookie read/write API
  • Leaflet.js β€” Lightweight interactive maps
  • Auth.js β€” Authentication for web applications

12 items under this folder.

Auth Js

Notes on Auth Js.

Editor.js

Free block-style editor with a universal JSON output

FilePond

JavaScript library for smooth file uploading with image optimization

Howler.js

JavaScript audio library for the modern web

js-cookie

A simple, lightweight JavaScript API for handling browser cookies

Leaflet.js

Open-source JavaScript library for mobile-friendly interactive maps

Muuri

JavaScript library for creating responsive, sortable, filterable and draggable layouts

Reveal.js

Open source HTML presentation framework

Sortable.js

JavaScript library for reorderable drag-and-drop lists

Swiper

Swiper is the most modern free and open source mobile touch slider with hardware accelerated transitions and amazing native behavior. Use it on websites, web apps, and mobile native/hybrid apps.

Three.js

JavaScript 3D library for creating WebGL-based graphics

TinyMCE

A popular WYSIWYG editor for creating and editing rich text content in web applications