mo.js

Библиотека анимированной графики javascript, которая является быстрой, готовой к работе с сетчаткой, модульной и с открытым исходным кодом. По сравнению с другими библиотеками, у него другой подход к синтаксису и структуре анимации кода. Декларативный API предоставляет вам полный контроль над анимацией, делая ее легко настраиваемой.

👉 @fullstack_libs

Popper.js

JavaScript-библиотека для создания всплывающих подсказок и предоставляющая механизм позиционирования всплывающих окон.

👉 @fullstack_libs

MoreToggles.css

Библиотека на чистом CSS со множеством приятных глазу переключателей.

👉 @fullstack_libs

Ring UI

Неплохая библиотека компонентов React от всеми известной JetBrains. Имеется большой набор компонентов среди которых есть действительно уникальные и полезные «штуки». Все компоненты имеют фирменный стиль JetBrains.

👉 @fullstack_libs

CSS glowing icons

Реализовано без использования JS. Цвет свечения анимирован в CSS при помощи изменения свойства filter со значением hue-rotate.

👉 @fullstack_libs

Debit Card

Вся карта - это одна svg картинка, анимируемая при помощи библиотеки gsap.

👉 @fullstack_libs

Skewed Slider

Этот уникальный слайдер создан на JS. Форма для слайдов задается свойством transform со значением skewX.

👉 @fullstack_libs

Переключатель день/ночь

Создан на React из svg картинки, которая анимируется библиотекой GSAP.

👉 @fullstack_libs

joi

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

👉 @fullstack_libs

PlotlyJS

Это независимая библиотека визуализации данных, которую можно использовать вместе с основными языками программирования, такими как JavaScript, Python и R. Библиотека JavaScript для Plotly - plotly.js. Её можно использовать для создания различных диаграмм, 3D-графиков, SVG и т. д.

👉 @fullstack_libs

DiscordJS

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

👉 @fullstack_libs

Animation

Здесь созданы псевдо элементы, к которым применяется бесконечная анимация. В этой анимации изменяется CSS свойство transform со значением scaleX от 0 до 1.

👉 @fullstack_libs

Before After Image Slider

Автор изменяет ширину картинки при изменении положения слайдера. Логика работы реализована в JS.

👉 @fullstack_libs

Mint UI

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

👉 @fullstack_libs

Jest

Быстрая, безопасная и хорошо документированная библиотека для создания, запуска и структурирования тестов.

👉 @fullstack_libs

SWR

Название SWR происходит от stale-while-revalidate, способа кэширования, который сейчас набирает популярность в frontend-разработке. Он позволяет загружать кэшированный контент сразу же, и сразу же его и обновляет, чтобы в будущем обрабатывать уже новый контент.

SWR – это библиотека хуков React, разработанная Vercel. Она позволяет извлекать данные из API или другого внешнего источника, сохранять их в кэше, а затем рендерить.

👉 @fullstack_libs

Reaction Social Media Card with ReactJS

Автор реализовал возможность добавления реакций пользователям в блоге или форуме под вашими постами.

👉 @fullstack_libs

Cassette Player

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

👉 @fullstack_libs

Interactive solar system

Анимация для системы создана при помощи Three.js. При нажатии на каждую планету выводится информация о ней.

👉 @fullstack_libs

Rotation Navigation

В этой реализации автор создал импровизированный слайдер с интересным эффектом переключения.

👉 @fullstack_libs