Propeller.js

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

👉 @fullstack_libs

Parallax.js

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

👉 @fullstack_libs

Splash Loader

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

👉 @fullstack_libs

Rolling Range Slider

Уникальный input слайдер. Для его стилизации автор использует браузерные префиксы.

👉 @fullstack_libs

Vim Adventures

Браузерная онлайн мини-игра, играя в которую вы учитесь пользоваться Vim.

Vim – это мультиплатформенный текстовый редактор, который популярен среди пользователей Unix.

👉 @fullstack_libs

DropzoneJS

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

👉 @fullstack_libs

vue-good-table

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

👉 @fullstack_libs

Framer Motion

Framer Motion - это библиотека анимации и жестов, созданная Framer. Дополнительным преимуществом Framer Motion является то, что дизайнеры могут создавать анимацию во Framer, а затем передавать проекты для точной реализации с использованием собственной библиотеки Framer.

👉 @fullstack_libs

Motion UI

Библиотека Sass для быстрого создания переходов и анимации CSS.

👉 @fullstack_libs

Animate.css

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

👉 @fullstack_libs

Velocity

Быстрый механизм анимации Javascript с тем же API, что jQuery $.animate(). Он включает в себя цветную анимацию, преобразования, смягчения, поддержку SVG и анимацию прокрутки.

👉 @fullstack_libs

Remotion

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

👉 @fullstack_libs

Vivify

Мощная библиотека с 68+ анимациями с поддержкой задержки и продолжительности.

👉 @fullstack_libs

ContentTools

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

👉 @fullstack_libs

React-i18next

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

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

👉 @fullstack_libs

cat loader

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

👉 @fullstack_libs

lava lamp

Сделана на HTML и CSS. К элементам внутри лампы применяются бесконечные CSS анимации.

👉 @fullstack_libs

CountUp.js

JavaScript-библиотека без зависимостей для быстрого создания анимаций прокрутки чисел.

👉 @fullstack_libs

fullPage.js

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

👉 @fullstack_libs

react-three-fiber

Это threejs для React в web и react-native.
Скорее всего, если вы видели действительно классную 3D-анимацию на сайте, вероятно, она была построена на three.js - react-three-fiber даёт вам возможность подключиться к React при создании 3D-сцен. Также стоит изучить Next.js + Tailwind.

👉 @fullstack_libs