Propeller.js

JavaScript-библиотека для поворота элементов мышью. Поддерживает инерцию и ступенчатое вращение. Она также совместима с сенсорными устройствами.

👉 @fullstack_libs

Parallax.js

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

👉 @fullstack_libs

Splash Loader

Оригинальный загрузчик, анимация реализована при помощи gsap.

👉 @fullstack_libs

DropzoneJS

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

👉 @fullstack_libs

vue-good-table

Простая в использовании, чистая и мощная библиотека для создания таблиц данных для Vue.js с такими важными функциями, как сортировка, фильтрация столбцов, разбиение на страницы и др.

👉 @fullstack_libs

ContentTools

Библиотека, которая позволяет реализовать текстовый редактор на HTML странице.

👉 @fullstack_libs

React-i18next

Когда нужно создать мультиязычное приложение, определенно стоит воспользоваться библиотекой React-i18next. Эта библиотека является мощным инструментом интернационализации для React на базе i18next. Она предлагает законченное решение, позволяющее локализовать различные веб-приложения: от мобильных до настольных.

Библиотека i18next предлагает такие функции перевода, как управление множественным числом, форматирование текста и интерполяция. И, наконец, эта библиотека подходит для использования на стороне сервера.

👉 @fullstack_libs

cat loader

Кот состоит из множества объектов, которые анимируются библиотекой TweenMax в JS.

👉 @fullstack_libs

fullPage.js

Эта библиотека с открытым исходным кодом помогает легко создавать сайты с полноэкранной прокруткой. Она проста в использовании, а также с помощью неё можно создать слайдер в альбомной ориентации для отдельного раздела сайта.

👉 @fullstack_libs

Mobile Menu

В этой реализации интересна логика перемещения выбранной области. С помощью JS автор определяет в какую сторону и на какое расстояние должна перемещаться область.

👉 @fullstack_libs

Like Overflow

Лайк, сделанный на React и анимированный с помощью библиотеки GSAP.

👉 @fullstack_libs

react-dates

Эта библиотека от air-bnb предоставляет настраиваемые одинарные и двойные date-пикеры для React.

👉 @fullstack_libs

Mapbox Map

Карта, созданная с помощью API maptiler. Автор также добавил svg картинки, которые анимирует библиотекой popmotion.

👉 @fullstack_libs

league/csv

Отличная библиотека для работы с файлами в формате CSV, не привязанная к фреймворкам. Имеет простое и понятное API, позволяет как читать так и писать CSV файлы.

Устанавливается одной командой composer require league/csv и не требует дополнительной настройки.

👉 @fullstack_libs

react-dnd

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

Отличительные особенности:
1. идеально подходит для таких приложений, как Trello и Storify, где перетаскивание отвечает за передачу данных между различными частями приложения;
2. построен поверх Drag&DropHTML5;

👉 @fullstack_libs

Premonish

Библиотека JavaScript, которая анализирует движение курсора и предсказывает, с каким элементом пользователь будет взаимодействовать дальше. Это позволяет применить на сайте интересные триггеры анимации и помогает выделить некоторые призывы к действию.

👉 @fullstack_libs

Overlay Scrollbars

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

👉 @fullstack_libs

Kaleidoscope

Сделан на VueJS. Автор реализовал изменение формы элементов с помощью математических вычислений, которые зависят от положения курсора мыши.

👉 @fullstack_libs

Snap svg

Библиотека JavaScript, которая позволяет создавать и анимировать векторную графику в современных браузерах. Можно загружать код SVG асинхронно и запрашивать части, которые нужны, для превращения SVG файлов в спрайты.

👉 @fullstack_libs

Трансформация логотипа

Выполнена как svg изображение, свойство которого изменяются и анимируются на JS.

👉 @fullstack_libs