FullStack Libs
1.34K subscribers
117 photos
265 videos
47 links
Канал для Frontend и Backend разработчиков, в котором каждый день публикуются:

● Библиотеки
● Фреймворки
● Плагины и другие полезные ресурсы.

Для связи: @devimper
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Algolia Places

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

👉 @fullstack_libs
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
TweenJS

Простая, но мощная библиотека JavaScript для анимации и анимации свойств HTML5 и JavaScript. Работает автономно или интегрировано с EaselJS.

👉 @fullstack_libs
🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Tailwind CSS

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

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

👉 @fullstack_libs
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Spirit Studio

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

👉 @fullstack_libs
👍21🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Transition.css

Полезная мини-библиотека для переходов на CSS.

После того, как transition.css был добавлен в ваш проект, добавьте атрибут к элементу и наблюдайте за магией.

<div transition-style="in:circle:bottom-right"> A transitioned IN element
</div>

👉 @fullstack_libs
🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Scan

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

Скопируйте, экспортируйте или доработайте их с помощью интуитивно понятного редактора CSS.

👉 @fullstack_libs
🔥3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Shapedivider

Настраиваемые фигурные разделители: волны, кривые, стрелки и т. д., на HTML, SVG и CSS.

👉 @fullstack_libs
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
AnyChart

Хорошо проработанная, легковесная, многофункциональная JS библиотека для визуализации данных с рендерингом в SVG/VML. Позволяет веб-разработчикам создавать всевозможные графики и диаграммы для дальнейшего принятия решений на их основе.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Reveal.js

Вы когда-нибудь задумывались о том, что настанет день, когда вы сможете создавать презентации, используя JavaScript? В общем-то, этот день, благодаря замечательной библиотеке Reveal.js, уже настал.

Её, как и другие подобные библиотеки, можно установить в виде NPM-пакета, или можно просто скачать её материалы из GitHub-репозитория и подключить соответствующие .js и .css-файлы к странице.

👉 @fullstack_libs
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Hammer.js

JavaScript библиотека, которая привносит в ваши веб-приложения мультисенсорные жесты. Она невелика, не имеет зависимостей и способна распознавать жесты, сделанные прикосновением, мышью или указателем (pointer events). По умолчанию она добавляет распознавание для касания, двойного касания, свайпа, нажатия и пр.

Также можно создать набор установок распознования, например добавления событий зума, переворачивания и т.д.

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

Объясняют доступным языком. Подписывайтесь: @thecodemedia
This media is not supported in your browser
VIEW IN TELEGRAM
React Content Loader

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

👉 @fullstack_libs
🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
turn.js

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

👉 @fullstack_libs
👍4🔥3🤩1
This media is not supported in your browser
VIEW IN TELEGRAM
Glassmorphism generator

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

👉 @fullstack_libs
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
api.audio

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

👉 @fullstack_libs
🔥2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
ObjectCut

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

👉 @fullstack_libs
👍4🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Text-To-Speech API

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

👉 @fullstack_libs
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
PageMap

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

👉 @fullstack_libs
🔥61
This media is not supported in your browser
VIEW IN TELEGRAM
Tornis

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

👉 @fullstack_libs
🔥4👍2