imagecompare.jpg

Image Compare

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

ackee.jpg

Ackee

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

eventcards.jpg

Event Cards

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

mvp.png

MVP.css

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

vidact_.png

Vidact

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

98css.png

98.css

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

markmap.png

Markmap

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

jexcel.png

jExcel

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

siriwave.jpg

SiriWave

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

checklist.png

Checklist

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

0 0 vote
Article Rating