10 интересных библиотек JavaScript и CSS на май 2020

Awesome Vanilla JS плагин для сравнения между изображениями. Он добавляет интерфейс, который выглядит и прекрасно работает прямо из коробки, что позволяет супер легко проверить различия между двумя изображениями. Идеально подходит для показа до и после на рендерингах и фотографиях.

Ackee с открытым исходным кодом, предоставляет вам все необходимые инструменты для добавления самостоятельной аналитики на ваш сайт. Он предлагает API на основе Node.js, который похож на Google Analytics и прост в установке. Существует также готовая к использованию админ панель с очень хорошим дизайном и множеством функций.

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

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

Vidact это интересный проект, который принимает ваш код React в качестве ввода и превращает его в ванильный JS, который имеет ту же функциональность, но не полагается на виртуальные DOM. Он похож на популярную платформу Svelte, но не вводит никаких новых синтаксисов — он просто принимает компоненты React и выводит простой JavaScript.

Забавная платформа CSS для создания ретро пользовательских интерфейсов в стиле Windows 98. Как и большинство других рамок UI, он дает вам некоторые основные утилиты стиля и набор компонентов для быстрого создания макета, только на этот раз, макет будет иметь ностальгическое очарование Windows сделанного более двух десятилетий назад.

Полезный инструмент JS, который поможет вам визуализировать большие документы Markdown, генерируя mindmaps. Он принимает все разделы файла .md и представляет их таким образом, что легко следовать и перемещаться.

Ванильная библиотека JavaScript без внешних зависимостей, что делает её супер легкой для создания Excel-подобных таблиц. Интерактивные таблицы предлагают тонны функций, много вариантов настройки, и отличную поддержку браузерами.

Красиво сделанная Canvas анимация, репликация голосовой волны Siri помощника. Есть много вариантов настройки через JavaScript API так с небольшими усилиями вы можете использовать это для создания фантастической музыки или голосовой визуализации.

Красивый дизайн для списка покупок, имеет немного потрясающих анимаций, созданных только с помощью CSS. Посмотрите также другие работы Milan Raring на CodePens, у него есть много других удивительно легких конструкций!