Ищете, где задать вопросы об ИТ и получить простой ответ без снобизма? Журнал «Код» поможет разобраться в сложных айтишных штуках.

Объясняют доступным языком. Подписывайтесь: @thecodemedia

React Content Loader

Инструмент для простого создания ваших анимированных компонентов skeleton-screen, заменяющий обычную загрузку и улучшающий взаимодействие с пользователями, предоставляя каркас ваших страниц, например, плэйсхолдеры для контента и изображений. Поддерживает React, React Native, Vue и ванильный HTML.

👉 @fullstack_libs

turn.js

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

👉 @fullstack_libs

Glassmorphism generator

Данный сервис позволяет создавать интерактивные и крутые эффекты пользовательского интерфейса с эффектом стекла и предоставлять их исходный код для добавления в ваш проект.

👉 @fullstack_libs

api.audio

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

👉 @fullstack_libs

ObjectCut

Служба автоматического удаления фона на базе ИИ. Из входного изображения, имеющего общедоступный URL-адрес или самого изображения, ObjectCut возвращает то же изображение, но без фона.

👉 @fullstack_libs

Text-To-Speech API

API на базе технологий искусственного интеллекта Google, позволяющее преобразовывать текст в естественно звучащую речь.

👉 @fullstack_libs

PageMap

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

👉 @fullstack_libs

Tornis

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

👉 @fullstack_libs

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