Clarity — это опенсорсная система дизайна, созданная VMware. Она представляет собой комбинацию из реализации рекомендаций по UX-дизайну, HTML/CSS фреймворка и компонентов для Angular. Clarity даёт разработчику обширный набор высокопроизводительных компонентов с привязкой данных.

Демо | GitHub

#library #angular #ux #design

Buefy — это библиотека, которая представляет собой набор компонентов, построенных с использованием возможностей Vue и Bulma. На GitHub она собрала около 7 тысяч звёзд, компоненты, которые можно в ней обнаружить, подходят, без дополнительных усилий со стороны разработчика, для создания приложений, использующих отзывчивый дизайн. Хотя компонентов в этой библиотеке не так уж и много, она, определённо, достойна внимания.

Демо | GitHub

#js #library #vue #bulma

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

Демо | GitHub

#library #js

React Vis — это библиотека, которая предлагает большую коллекцию диаграмм для приложений React. Её компоненты работают аналогично обычным компонентам React, к которым мы привыкли. Библиотека включает в себя линейные/комбинированные графики, гистограммы, тепловые карты, точечные диаграммы, контурные графики и многое другое. Она не требует каких-либо знаний по D3 или любой другой библиотеки data-vis. Библиотека предоставляет низкоуровневые модульные строительные компоненты, такие как оси X и Y.

Демо | GitHub

#js #library #react

Howler.js — это аудио библиотека для современного веба, которая по умолчанию использует Web Audio API, а в случае его отсутствия использует HTML5 Audio. Возможности howler.js: использует по умолчанию Web Audio API, фолбэк к HTML5 Audio, поддерживает множество файловых форматов, автоматическое кэшировнаие для Web Audio API, кэширование для HTML5 Audio, включение/отключение звука, регулировка звука, воспроизведение несколько звуков одновременно, плавное затухание звука, поддержка Web Audio 3D sound positioning, не использует внешних библиотек, только чистый Javascript, легковесная, весит всего 9kb (3kb в архиве).

Демо | GitHub

#js #library #audio

Sigma.js — это javascript-библиотека с открытым исходным кодом, не занимающая много дискового пространства, для построения схем с использованием HTML5 Canvas. Она предназначена для нанесения на веб-страницы статических или динамических, но непременно интерактивных карт сетевых сообществ с любым количеством узлов. Библиотека автономна, может расширяться за счёт дополнительных модулей (синтаксический анализатор GEFX и алгоритм расчёта разметки ForceAtlas2 уже включены), допускает последовательное применение jQuery-подобных приёмов. Широкие возможности адаптации на любой случай и масса примеров, подтверждающих универсальность Sigma.js.

Демо | GitHub

#js #library #html

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

Демо | GitHub

#js #library #colour

Emotion — это высокопроизводительная, легкая библиотека css-in-js. Ключевая идея очень проста. Вам не нужно жертвовать производительностью ради удобства разработчиков при написании CSS. Emotion минимизируют стоимость исполнения css-in-js, анализируя ваши стили с помощью babel и PostCSS. Ядро библиотеки в рантайме занимает 2,3кб и поддержка React — 4кб.

Демо | GitHub

#js #css #library

Gremlins.js — это библиотека хаотического тестирования веб-интерфейсов. С ее помощью можно проверить надежность веб-приложений путем развязывания орды недисциплинированных гремлинов. «Гремлинами» в библиотеке называются функции, которые способны устроить адский беспорядок на плохо спроектированной странице. Библиотечные «могваи» — это мирные сущности, главная задача которых – наблюдать за происходящим, сообщать о том, что они видят, поддерживать процесс тестирования. Есть здесь и «Гизмо». В библиотеке он играет роль механизма, останавливающего сеанс тестирования. Для того, чтобы воспользоваться библиотекой, запустив стандартную процедуру случайного тестирования, достаточно буквально пары строк кода или нескольких кликов мышью.

Демо | GitHub

#js #library #node

Granim.js — это небольшая JavaScript-библиотека, помогающая украсить интерфейс интерактивными орнаментами, основанными на градиентах. Это может быть стандартный круговой градиент, или динамический градиент, применяемый к фону картинки, или движущиеся градиенты в сочетании с масками.

Демо | GitHub

#js #library #animation