Weavv CSS: Ультраширокий экран — новый дизайн.

Привет всем! Вчера я выпустил давно отложенный проект. Он называется WEAVV CSS. Низкоуровневый функциональный CSS-фреймворк имеет более 100+ полезных компонентов и бесчисленное количество API компонентов, чтобы иметь больше свободы для максимально гибкого манипулирования дизайном пользовательского интерфейса.

Основная фишка этого низкоуровневого CSS-фреймворка заключается в сверхшироком размере экрана и позволяет дизайнерам занимать дополнительные пространства для более эстетичного творчества. По умолчанию поддерживается размер экрана 3k & 4k. Поддерживается до 8k. Я хотел бы увидеть, как пользователи WEAVV манипулируют этим видом CSS фреймворка в дизайне сверхширокоформатных экранов. Спасибо всем!


Игровая площадка — это инструмент для тестирования и игры с WEAVV CSS без дополнительной установки.


Особенности

  • Точки останова
  • Темный/светлый режим
  • Варианты
  • Палитра цветов
  • Предустановки градиента
  • Пользовательский градиент
  • Анимации
  • Фильтры
  • Жидкости
  • Ориентация
  • API плагина

weavv / weavv-css-documentation

Официальный сайт документации WEAVV CSS

WEAVV CSS Documentation

Читайте официальную документацию

Инструменты разработчика

  • WEAVV Playground — Онлайн-редактор кода для тестирования и создания прототипов дизайна пользовательского интерфейса с помощью WEAVV.
  • WEAVV CLI — Создайте пустой проект на ходу с помощью шаблона примера, написанного с помощью веб-компонента Vanilla JS. Опционально можно использовать HTML встроенный CSS класс или использовать SASS с директивой @extend для извлечения WEAVV CSS классов семантическим способом.

Особенности

  • Точки останова
  • Темный/светлый режим
  • Варианты
  • Палитра цветов
  • Предустановки градиента
  • Пользовательский градиент
  • Анимации
  • Фильтры
  • Жидкости
  • Ориентация
  • API плагинов

Сборка

клонируйте репозиторий,

$ git clone https://github.com/weavv/weavv-css-documentation.git
$ cd weavv-css-documentation
Войти в полноэкранный режим Выход из полноэкранного режима

установить зависимости,

# YARN
$ yarn
# NPM
$ npm i
Войти в полноэкранный режим Выйти из полноэкранного режима

обслуживать локально,

# YARN
$ yarn dev
# NMP
$ npm run dev
Войти в полноэкранный режим Выйти из полноэкранного режима

Кредиты

Nunjunks, Gulp, NodeJS, Sass


MIT

Посмотреть на GitHub


Наслаждайтесь!

Оцените статью
devanswers.ru
Добавить комментарий