50 лучших бесплатных плагинов и библиотек JavaScript

Все бесплатные плагины и библиотеки JavaScript на этой странице предлагают простую и конкретную функцию. Нет раздутых универсальных фреймворков. Просто полезные, легкие и решающие проблемы решения, которые помогут сделать процесс веб-дизайна и разработки намного проще и быстрее для вас.

Как и следовало ожидать, ниже есть плагины для создания слайдеров, галерей изображений, адаптивных меню, модальных окон и многих других распространенных компонентов. Но вы также найдете плагины, которые предлагают действительно уникальные функции, такие как заметки на полях боковой панели, предварительный просмотр GIF, анимированные значки и многое, многое другое.

Вы также можете ознакомиться с нашей коллекцией бесплатных плагинов jQuery или нашей коллекцией шпаргалок по JavaScript.

Текстовый блок

Textblock — инструмент JavaScript для отображения постоянно реагирующей типографики.

Уппи

Uppy — элегантный модульный загрузчик файлов, который интегрируется с любым веб-сайтом или приложением.

Тон.js

Tone.js — фреймворк для создания интерактивной музыки в браузере.

Editor.js

Editor.js — бесплатное приложение для редактирования блоков нового поколения.

lax.js

lax.js — небольшой ванильный плагин JavaScript для создания плавной анимации прокрутки.

Введи это

TypeIt — библиотека типизации JavaScript, которая считается «самой универсальной в мире».

iro.js

iro.js — современный виджет выбора цвета HSV для JavaScript, использующий SVG.

Cleave.js

Cleave.js — библиотека для добавления форматирования в реальном времени для формирования входных данных.

Freezeframe.js

Freezeframe.js — библиотека, которая приостанавливает анимированные .gif и включает их при наведении, щелчке или касании.

темный режим.js

darkmode.js — добавьте темный режим на свой сайт с минимальными усилиями.

Сцена.js

Scene.js — библиотека анимации на основе временной шкалы CSS и JavaScript.

Бун.js

Bun.js — создание настраиваемых флажков и переключателей с помощью CSS.

Наложение полос прокрутки

Overlay Scrollbars — плагин JavaScript, который скрывает собственные полосы прокрутки и заменяет их версиями с пользовательским стилем.

MailtoUI

MailtoUI — скрипт, который добавляет полезный компонент пользовательского интерфейса к стандартным ссылкам электронной почты.

Полноэкранный слайдер

Полноэкранный слайдер — управляйте разделами страницы и включайте навигацию с помощью колесика мыши и сенсорных событий.

карта страницы

pagemap — добавьте на свой веб-сайт небольшую «мини-карту», ​​которая предоставит пользователям навигационный контекст.

Диаграмма.xkcd

Chart.xkcd — библиотека для создания диаграмм в рисованном виде.

GPickr

GPickr — реализация библиотеки выбора цвета Pickr, которая генерирует красивые градиенты.

Подвижный

Moveable — библиотека JavaScript, которая позволяет вам перемещать, изменять размер, перетаскивать, вращать и многое другое.

Куб.js

Cube.js — полное аналитическое решение с открытым исходным кодом: независимые от визуализации интерфейсные SDK и API, поддерживаемые инфраструктурой аналитического сервера.

простойПараллакс

simpleParallax — крошечная библиотека JavaScript, которая добавляет анимацию параллакса к любому изображению.

Границы.js

Bounds.js — скрипт для асинхронного определения границ, который можно использовать для таких эффектов, как отложенная загрузка.

Жуткое лицо

Creepyface — библиотека JavaScript, которая заставляет ваше лицо «смотреть» на курсор в зависимости от его положения.

ЛеграJS

LegraJS — библиотека, позволяющая рисовать кубиками, похожими на LEGO. Что вы будете строить?

Paged.js

Paged.js — это библиотека с открытым исходным кодом для разбиения контента на страницы в браузере. Согласно спецификациям W3C, это своего рода полифилл для модулей Paged Media и Generated Content for Paged Media CSS.

Наложение фокуса

Focus Overlay — библиотека для создания наложений на сфокусированные элементы. Красивый дизайн и лучшая доступность.

струящийся

Flowy — минимальная библиотека JavaScript, которую можно использовать для создания блок-схем.

Хореограф-js

Choreographer-js — это простая библиотека для сложных анимаций.

Листовка.js

Leaflet.js — это библиотека JavaScript для интерактивных карт.

Лори

Lory — это минималистичный слайдер с сенсорным экраном, написанный на ванильном JavaScript.

ВалютаФорматтер.js

CurrencyFormatter.js — очень простая библиотека форматирования валют (155 валют и 7 КБ в сжатом виде).

ARc

ARc (Atomic React) — шаблон приложения React с подходом Atomic Design.

Shave.js

Shave.js — это современный плагин JavaScript для обрезки текста внутри html-элемента.

Next.js

Next.js — это минималистичный фреймворк для серверных приложений React.

План

Blueprint — это набор компонентов пользовательского интерфейса React, охватывающий общие элементы интерфейса, шаблоны и взаимодействия в Интернете.

багетBox.js

baguetteBox.js — это простой и удобный скрипт лайтбокса с отзывчивым изображением и поддержкой жестов смахивания на мобильных устройствах. он был написан на чистом JavaScript.

ScrollReveal

Плагин ScrollReveal позволяет очень легко создавать анимацию прокрутки веб-страниц как для настольных, так и для мобильных браузеров.

Громкие ссылки

Loud Links — это легкая библиотека JavaScript для добавления звуков взаимодействия на ваш сайт. Он делает это, создавая аудиоэлемент HTML5 и используя его для воспроизведения аудиофайлов MP3 или OGG.

Кирпичи.js

Bricks.js — это «молниеносно быстрый» генератор макетов каменной кладки для элементов фиксированной ширины.

MediumEditor

Написанный с использованием ванильного JavaScript, MediumEditor представляет собой облегченный (28 КБ) клон панели инструментов встроенного редактора Medium.com WYSIWYG. Также доступен выбор расширений и тем для Mediumditor.

вещество

Substance — это библиотека JavaScript для редактирования веб-контента. Он предоставляет вам все инструменты, необходимые для создания пользовательских текстовых редакторов и веб-систем публикации.

List.js

List.js — это легкий и быстрый ванильный JavaScript-скрипт, который добавляет поиск, сортировку, фильтры и гибкость в списки, таблицы и любой другой HTML-код.

Поппер.js

Popper.js — это легкая (уменьшенная) библиотека для управления попперами, всплывающими подсказками и всплывающими окнами. Вы можете быстро и легко размещать всплывающие подсказки с помощью всего одной строки кода.

InlineTweet.js

InlineTweet.js позволяет легко создавать ссылки для твита из любого текста на веб-странице. Все, что вам нужно сделать, это обернуть твитируемый текст в контейнер с data-inline-tweet .

SweetAlert2

SweetAlert2 — красивая и настраиваемая замена всплывающих окон JavaScript.

Force.js

Force.js — это библиотека JavaScript, которая упрощает анимацию HTML-элементов и навигацию по веб-странице.

Push.js

Push.js — это кроссбраузерное решение для запуска и работы с уведомлениями Javascript на рабочем столе.

Bideo.js

Bideo.js — это библиотека JavaScript, которая позволяет очень легко добавлять полноэкранные фоновые видео на веб-страницы.

Microlight.js

Microlight.js — это легкая библиотека для подсветки кода для любого языка программирования, которая значительно улучшает читабельность.

Места Алголии

Algolia Places — это простой способ использовать библиотеку JavaScript для автозаполнения поиска адресов на вашем веб-сайте.

плоский пиккр

Flatpickr, написанный на ванильном JavaScript, представляет собой легковесное решение для выбора даты и времени и календаря.

аниме.js

anime.js — это гибкая и легкая библиотека анимации JavaScript. Он работает с CSS, отдельными преобразованиями, SVG, атрибутами DOM и объектами JS.

Cleave.js

Cleave.js — это плагин, который форматирует содержимое <input/> во время ввода.

Lightgallery.js

Lightgallery.js — это полнофункциональная галерея лайтбоксов JavaScript без каких-либо зависимостей.