JavaScript очень богатый язык и имеет в своём арсенале огромное количество фреймворков, библиотек и плагинов. Ниже я расскажу о небольших библиотеках и плагинах, которые будут полезны и могут пригодиться в разработке.
Cta.js
Пожалуй здесь можно начать именно с этой небольшой библиотеки, в которой есть в принципе все для создания эффектов анимации при действие, например при наведение на кнопку мышью.
Ссылка на скачивание: https://github.com/chinchang/cta.js
Anime.js
Этот плагин уже намного посерьезнее. С его помощью можно манипулировать CSS и SVG, или анимировать каждый элемент на веб-странице. Библиотека поддерживает все современные браузеры.
С примерами работы библиотеки вы можете ознакомиться на официальном сайте по ссылке ниже.
Ссылка на скачивание: https://animejs.com/
Bounce.js
Это компактная и удобная библиотека для анимаций. Суть этой библиотеки в том, что вы создаете анимацию на официальном сайте библиотеки, подключать саму библиотеку к сайту не надо, после создания на визуальном редакторе того, что вам подошло, вы просто копируете готовый CSS код и вставляете его на свой сайт. Да, анимация прописывается именно CSS кодом, который генерируется самой библиотеке по средствам JS.
Ссылка на сайт: http://bouncejs.com/
Three.js
Мощный инструмент для разработки анимации, использующий в качестве средства отображения технологии WebGL, а также Canvas2D, SVG и CSS3D. С помощью этой библиотеки можно создать реально классную анимацию.
Ссылка на сайт: https://threejs.org/
Chart.js
С помощью этой небольшой библиотеки вы можете делать красивые, современные диаграммы различных типов. Все диаграммы возможно смещать в одну, чтобы получить реально понятный и раскрытый набор данных.
Ссылка на скачивание: https://www.chartjs.org/docs/latest/
D3.js
Эта библиотека представляет собой набор инструментов для визуализации данных. Имеет 70 тысяч звездочек на гитхабе и сотни интересных проектов.
Библиотека содержит в себе десятки модулей для построения фигур и для работы с элементами на странице, загрузкой данных, форматированием и масштабированием данных.
Ссылка на сайт: https://d3js.org/
Slick
Библиотека для создания красивых каруселей и слайдеров на любой вкус и цвет.
Ссылка на сайт: http://kenwheeler.github.io/slick/
ESLint
Этот инструмент является некой утилитой, дополнением, которое помогает выявлять ошибки в написание кода. Специально созданна для JavaScript и JSX.
Ссылка на сайт: https://eslint.org/
Leaflet
Легкая библиотека для создания интерактивных карт, адаптированных под мобильные устройства. Адаптированна под мобильные устройства, значит с коробки работает на всех мобильных и десктопных платформах. Иммет много дополнительных расширений.
Ссылка на сайт: https://leafletjs.com/
DataMaps
Еще одна библиотека для создания интерактивных карт с подсветкой выбранной территории.
Ссылка на сайт: https://datamaps.github.io/
Заключение
Все приведенные выше библиотеки и плагины являются бесплатными и полезными в использование при разработке сайтов или приложений.
