Anime.js

Легкая библиотека анимации JavaScript с простым, но мощным API. Он работает со свойствами CSS, SVG, атрибутами DOM и объектами JavaScript.

👉 @fullstack_libs

Algolia Places

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

👉 @fullstack_libs

TweenJS

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

👉 @fullstack_libs

Tailwind CSS

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

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

👉 @fullstack_libs

Hapi.js

Богатая, надежная и мощная среда Node.js, предназначенная для создания веб-приложений в экосистеме Node.js. Его простой дизайн позволяет легко начать работу. В своей основе Hapi использует многие из новейших функций JavaScript ES6.

Для тех, кто раньше использовал Express, Hapi позволяет попробовать что-то новое и испытать все новейшие функции JavaScript.

👉 @fullstack_libs

Glimmer

Отличная библиотека, которая помогает при работе с компонентами пользовательского интерфейса и отрисовкой DOM. Она построена на базе Ember CLI и использует Git, Node.js, npm и Yarn.

Если вы ищете инструмент для создания компонентов и хотите оптимизировать процесс работы с ними, обратите внимание на Glimmer.

👉 @fullstack_libs

Spirit Studio

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

👉 @fullstack_libs

Transition.css

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

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

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

👉 @fullstack_libs

Parsel

Крошечный, удобный парсер CSS-селекторов весом всего в два килобайта.

👉 @fullstack_libs

CSS Scan

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

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

👉 @fullstack_libs

Shapedivider

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

👉 @fullstack_libs

Sketch2Code

Artificial Intelligence (AI) Sketch2Code способен преобразовать нарисованный от руки макет сайта в код HTML. Разработка Microsoft упрощает процесс верстки, а также предлагает образцы дизайна страниц проекта.

👉 @fullstack_libs

k6

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

При необходимости k6 эмулирует одновременное посещение ресурса более чем миллионом пользователей.

👉 @fullstack_libs

Bit for React Native

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

Используйте Bit, чтобы отслеживать компоненты в вашем проекте и «экспортировать» их в виртуальный монорепозиторий Bit.dev. Это сделает каждый компонент доступным для использования в других проектах и даже для независимого обслуживания и разработки (это означает, что нет необходимости настраивать среду разработки только для внесения нескольких изменений).

👉 @fullstack_libs

UXCheck.co

Для Chrome нет ничего невозможного. Он способен даже определить, имеются ли на сайте проблемы с юзабилити.

Сервис UXChek – это расширение для Chrome, которое занимается поиском проблем. Отметки затем могут быть экспортированы.

👉 @fullstack_libs

Donut Progress Bar

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

Для переключения карточек необходимо нажимать на стрелки внизу: каждый раз изображения героев из мультсериала «Симпсоны» будут перекрывать друг друга.

👉 @fullstack_libs

Granim.js

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

👉 @fullstack_libs

Color.hailpixel.com

Это сайт для подбора гармоничной световой палитры. Достаточно просто двигать курсор по странице, чтобы видеть изменения цвета фона. А в окошке, расположенном в центральной части экрана, отображается hex-код цвета. Для создания полоски цвета и получения его кода, необходимо просто кликнуть мышью.

👉 @fullstack_libs

AnyChart

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

👉 @fullstack_libs

Reveal.js

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

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

👉 @fullstack_libs