🛠 MUI — небольшой и адаптивный фреймворк, который соответствует рекомендациям Google по дизайну материалов. Он не имеет внешних зависимостей и чрезвычайно легкий, всего 5,4 Кб в архивированном виде. Он поддерживает React, настраивает с помощью файлов SASS и имеет отдельную встроенную версию для оформления электронных писем.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Base — это легкий, минималистичный и адаптивный CSS-фреймворк. Он создан на основе последней версии Normalize.css и разделен на независимые модули, поэтому вы можете использовать только те, которые вам нужны. Он ориентирован в первую очередь на мобильные устройства и отлично работает во всех современных браузерах, включая IE 10+.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 CSS Loader — простая библиотека CSS для создания интересных эффектов загрузки. Существует множество различных вариантов, из которых вы можете выбирать. Более того, они действительно просты в использовании, все, что вам нужно, - это один элемент HTML div и несколько классов.

🌍 Сайт

Daily Coding #инструменты #Css

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

🌍 Сайт

Daily Coding #инструменты #CSS

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

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 lit - удивительно маленький и отзывчивый CSS-фреймворк. Он предлагает адаптивную сетку из 12 столбцов, различные стили типографики, пользовательские входные данные, три типа кнопок и все функции, которые должен предлагать css-фреймворк. Lit работает во всех современных браузерах, а также в некоторых более старых, таких как IE11

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 С помощью Tachyons вы можете создавать красивые и отзывчивые интерфейсы практически без использования CSS. Он прост в использовании и настройке, ориентирован на мобильные устройства и хорошо работает с React, Ember, Angular и другими фреймворками. Более того, он чрезвычайно легкий и содержит очень подробную документацию, где вы можете найти все, что вам нужно.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Repaintless - библиотека анимации CSS для создания быстрой и плавной анимации. Она действительно проста в использовании и содержит большое количество встроенных анимаций, таких как постепенное появление, fade-out, поворот, пульсация, слайд и многие другие. Анимацию можно легко настроить с помощью переменных css.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Odometer - это библиотека Javascript и CSS, которая обеспечивает плавный переход между числами. Библиотека чрезвычайно легкая и производительная, поскольку все анимации обрабатываются в CSS с помощью преобразований. Она поддерживает Firefox, Safari, Chrome и IE8+ и имеет автоматический резервный вариант для более старых браузеров.

🌍 Сайт

Daily Coding #инструменты #JavaScript #CSS

🛠 Shave - библиотека JavaScript, которая обрезает многострочный текст, чтобы он мог поместиться внутри HTML-элемента. Она сохраняет исходную строку в скрытом виде, так что ваш текст остается нетронутым. Он очень легкий, всего в 1,5 раза меньше, не имеет зависимостей и совместим с другими библиотеками javascript.

🌍 Сайт

Daily Coding #инструменты #JavaScript #CSS

🛠 Shards - бесплатный и современный инструментарий пользовательского интерфейса для веб-разработчиков. Он основан на Bootstrap 4, удивительно легкий и полностью адаптивный. Он включает в себя 10 пользовательских компонентов, 2 готовые целевые страницы и пакеты иконок из Material и Font Awesome packs. Вы также можете настроить файлы SCSS для редактирования существующих макетов или создания новых.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Pretty Checkbox - чисто CSS-библиотека для создания красивых флажков и переключателей. Он предлагает различные формы (квадратные, кривые, круглые), варианты (по умолчанию, заливка, толстые), цвет (основной, успешный, информационный), цветовые типы (сплошной, контурный) и анимацию (плавный, tada, желейный). Он поддерживает пользовательские значки шрифтов, значки SVG и настройки CSS.

🌍 Сайт

Daily Coding #инструменты #CSS