Spectacle

Spectacle — это библиотека, основанная на React и предназначенная для создания качественных динамических слайдов для веб-презентаций. В ходе создания презентаций можно использовать компоненты React.

В библиотеке имеются готовые к использованию компоненты, такие, как <Slide> и <BlockQuote>. Это упрощает работу по созданию презентаций.

👉 @sWebDev

Elemental UI

Elemental UI — это весьма гибкий и эффективный фреймворк для разработки привлекательных пользовательских интерфейсов. Он предназначен для React и основан на CSS.

Этот фреймворк похож на Material UI, но он гораздо компактнее. Он спроектирован с учётом установки из npm и встраивания в проект с использованием Browserify или Webpack.

👉 @sWebDev

Mozaik

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

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

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

👉 @sWebDev

Superagent

Библиотека Superagent подходит для Node.js и для современных браузеров. Она предоставляет разработчику простое и понятное API, с которым удобно работать.

Для того чтобы выполнить HTTP-запрос средствами Superagent, достаточно вызвать подходящий метод объекта request:

 request
     .get('')
     .then(res => log(res))
     .catch(err => log(err))

Сильные стороны
1. Поддерживает плагины.
2. Поддаётся конфигурированию.
3. Имеет приятный интерфейс для выполнения HTTP-запросов.
4. Поддерживает объединение в цепочку нескольких вызовов для выполнения запросов.
5. Работает в среде Node.js и в браузерах.
6. Поддерживает индикацию прогресса для выгрузки и загрузки данных.
7. Поддерживает механизм chunked-transfer encoding.
8. Поддерживает коллбэки.

Слабые стороны
Имеет своеобразное API, не придерживающееся каких-либо стандартов.

👉 @sWebDev

react-select

Отличная альтернатива для компонента Select в React.js.

Представляет собой совершенно новый способ развития мощных компонентов React.js, которые работают из коробки, будучи полностью настраиваемыми.

Отличительные особенности:
1. гибкий подход к данным с настраиваемыми функциями;
2. расширяемый API с Emotion – JS-библиотека, предназначенная для написания CSS-стилей;
3. внедрение компонентов через API для полного контроля над поведением UI;
4. оption groups, поддержка портала, анимация и многое другое.

👉 @sWebDev

Element UI

Дизайн система насчитывает порядка 60 компонентов со всевозможными кастомизациями, так как стили библиотеки легко переопределяются. Библиотека использует препроцесcор SCSS с возможностью заменить глобальные переменные цветов, тем самым можно легко создать свою цветовую тему. Кстати говоря, все классы в библиотеке названы по БЭМу. Присутствует поддержка 24 колоночной структуры и локализации на русском, украинском и казахском языках.

👉 @sWebDev

react-helmet

Повторно используемый React-компонент, созданный для управления всеми изменениями в заголовке документа. Принимает и выводит простые HTML-теги – очень просто и React-friendly.

Отличительные особенности:
1. поддержка всех допустимых тегов: title, base, meta, link и т. д;
2. поддержка рендеринга на стороне сервера;
3. вложенные компоненты переопределяют повторяющиеся изменения заголовка.

👉 @sWebDev

Vue CLI

По умолчанию Vue CLI предлагает поддержку основных инструментов и технологий веб-разработки, таких как Babel, TypeScript, ESLint, PostCSS, PWA, Jest, Mocha, Cypress и Nightwatch. Это возможно благодаря расширяемой системе плагинов. Это означает, что сообщество может создавать и распространять повторно используемые плагины для общих нужд.

👉 @sWebDev

Flux

Софт для построения архитектуры приложения и пользовательских интерфейсов с однонаправленным потоком данных.

Отличительные особенности:
1. позволяет легко находить ошибки в сложном приложении;
2. быстрое время перезагрузки.

👉 @sWebDev

VuePress

Это генератор статических сайтов на основе Vue. Первоначально созданный как инструмент для написания технической документации, теперь это небольшая, компактная и мощная безголовая CMS. Начиная с версии 1.x, он предлагает отличные функции ведения блогов и мощную систему плагинов. Он поставляется с темой по умолчанию (с учетом технической документации), но вы также можете создавать собственные темы или использовать готовые опции сообщества.

👉 @sWebDev

react-threesixty

React 360 помогает создать завораживающие VR-штуки с помощью React, которые распространяются на настольные компьютеры, мобильные и VR-устройства.

Отличительные особенности:
упрощает создание сложных пользовательских интерфейсов 360 и VR.

👉 @sWebDev

Vuestrap

Базовые компоненты Vuestrap расширяют Bootstrap 4. Построен с использованием Bootstrap, простого Vue.js и Webpack.

👉 @sWebDev

vux

Это коллекция из более чем 78 UI-компонентов, созданных по принципу mobile-first для веб-приложений, написанных на vue.js

👉 @sWebDev

Quasar Framework

Концепция Quasar Framework заключается в том, чтобы предоставить всеобъемлющий набор компонентов, используемых для создания современных приложений… от простых базовых компонентов, таких как dialogs, buttons, inputs, tabs, panels, tooltips, toolbars, badges, date pickers, color pickers, icon pickers, cards, avatars, banners, tooltips, spinners и многое другое… вплоть до гораздо более сложных компонентов, таких как окна сообщений чата, графики активности, таблицы данных, календари, видеоплееры, редакторы wysiwyg, всплывающие панели, панели лент… и многое другое …

👉 @sWebDev

Modernizr

Это JavaScript библиотека, определяющая наличие поддержки разных возможностей HTML5 и CSS3.

Пример использования:
if (Modernizr.awesomeNewFeature) {
showOffAwesomeNewFeature();
} else {
getTheOldLameExperience();
}

👉 @sWebDev

TensorFlow.js

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

👉 @sWebDev

Dragdealer.js

Библиотека с множеством крутых эффектов для Drag & Drop.

👉 @sWebDev

Material Design Icons

Простой, красивый и современный набор иконок от Google. Содержит более 900 иконок, которые можно кастомизировать через CSS. Иконки векторные, так что будут хорошо смотреться на всех разрешениях и типах экранов.

👉 @sWebDev

One page scroll

Этот плагин реализует прокрутку между полноэкранными страницами.

👉 @sWebDev

Tabler

Компонентная панель администратора с открытым кодом, созданная на Bootstrap 4. Абсолютно адаптивная, легко встраивается в проект, поддерживает все соглашения по коду от Bootstrap.

👉 @sWebDev