Ui css framework: Top 5 CSS Frameworks for Developers and Designers

Разное 

awesome-css-frameworks/readme.md на мастере · troxler/awesome-css-frameworks · GitHub

Список потрясающих фреймворков CSS.
Не стесняйтесь вносить свой вклад.

Поддерживается FrontAid CMS :

Содержимое

  • База/Сброс/Нормализация
  • Бесклассовый
  • Очень легкий
  • Общего назначения
  • Дизайн материалов
  • Утилита
  • Специализированный
  • Наборы инструментов
  • Остановка разработки

База/Сброс/Нормализация

  • sanitize.css — Основа лучших практик CSS.
    Репо | #CSS

  • modern-normalize — Нормализовать стиль браузеров по умолчанию.
    Репо | #CSS

  • minireset.css — Маленький современный сброс CSS.
    Репо | #Сасс

  • modern-css-reset — Крошечный сброс, который вы можете использовать в качестве основы для своих проектов CSS.
    Репо | #CSS

  • inuitcss — расширяемая, масштабируемая, основанная на Sass, OOCSS-инфраструктура для крупных и долгосрочных проектов пользовательского интерфейса.
    Репо | #SCSS

  • ress — Современный сброс CSS.
    Репо | #CSS

  • Natural Selection — Коллекция лучших селекторов CSS.
    | #CSS

Бесклассовый

Платформы, использующие семантический HTML и не полагающиеся на классы.

  • Water.css — Коллекция стилей Just-add-CSS, чтобы сделать простые веб-сайты немного лучше.
    Репо | #CSS

  • MVP.css — Минималистская таблица стилей для элементов HTML.
    документы, Репо | #CSS

  • sakura — Минимальная бесклассовая структура/тема CSS.
    демо, Репо | #SCSS

  • Tacit — CSS фреймворк для чайников, без классов.
    Репо | #SCSS

  • awsm.css — CSS-библиотека для семантической HTML-разметки без классов, атрибутов и т. д.

    демо, Репо | #SCSS

Очень легкий

Платформы размером менее ~5 КБ.

  • Pure — набор небольших адаптивных модулей CSS, которые можно использовать в каждом веб-проекте.
    демо, документы, Репо | #CSS

  • Milligram — Минималистичный CSS-фреймворк.
    демо, документы, Репо | #Сасс

  • Picnic CSS — Легкая и красивая библиотека.
    демо, документы, Репо | #SCSS

  • Chota

    — Очень маленький фреймворк CSS.
    демо, документы, Репо | #CSS

Общего назначения

  • Bootstrap — самая популярная среда HTML, CSS и JavaScript для разработки адаптивных мобильных проектов в Интернете.
    демо, документы, Репо | #SCSS

  • Bulma — Современный фреймворк CSS на базе Flexbox.
    демо, документы, Репо | #Сасс

  • Foundation — Самый передовой адаптивный интерфейсный фреймворк в мире.

    документы, Репо | #SCSS

  • UIkit — Легкий и модульный фреймворк для разработки быстрых и мощных веб-интерфейсов.
    демо, документы, Репо | #МЕНЬШЕ #SCSS

  • Primer — CSS-фреймворк, лежащий в основе внешнего интерфейса GitHub.
    документы, Репо | #SCSS

  • Carbon Components — библиотека компонентов системы IBM Carbon Design.
    документы, Репо | #SCSS

  • Fomantic-UI — быстро создавайте красивые веб-сайты с помощью краткого HTML, интуитивно понятного JavaScript и упрощенной отладки.

    документы, Репо | #МЕНЬШЕ

  • Pico.css — Элегантные стили для всех нативных HTML-элементов, темный режим включается автоматически.
    демо, документы, Репо | #SCSS

  • Blaze UI — модульный набор инструментов с открытым исходным кодом, обеспечивающий отличную структуру для быстрого создания веб-сайтов с масштабируемой и удобной в обслуживании основой.
    демо, документы, Репо | #SCSS

  • Base — надежная, отзывчивая структура HTML/CSS.
    документы, Репо | #SCSS #МЕНЬШЕ

  • Cirrus — ориентированная на компоненты и утилиты среда SCSS, разработанная для быстрого прототипирования.
    демо, документы, Репо | #CSS

  • turretcss — Адаптивная интерфейсная структура для доступных и семантических веб-сайтов.
    демо, документы, Репо | #CSS

  • Vanilla Framework — Простая расширяемая структура CSS. Написано веб-командой Canonical.
    демо, документы, Репо | #SCSS

  • PatternFly — инфраструктура пользовательского интерфейса для корпоративных веб-приложений.

    демо, документы, Репо | #SCSS #МЕНЬШЕ

  • Привет — Простая основа CSS с отзывчивой типографикой и стилем ввода.
    документы, Репо | #ПостCSS

Дизайн материалов

  • Material Components Web — Модульные и настраиваемые компоненты пользовательского интерфейса Material Design для Интернета.
    демо, документы, Репо | #SCSS

  • MUI — упрощенная структура CSS, соответствующая рекомендациям Google по материальному дизайну.


    документы, Репо | #SCSS

  • Materialize — Адаптивная интерфейсная библиотека на основе Google Material Design.
    документы, Репо | #SCSS

Коммунальный

  • Tailwind CSS — первоклассная CSS-инфраструктура для быстрой разработки пользовательского интерфейса.
    документы, Репо | #CSS

  • Тахионы — Быстро создавайте и проектируйте новый пользовательский интерфейс без написания CSS.
    демо, документы, Репо | #CSS

  • Open Props — настраиваемые свойства CSS, помогающие ускорить адаптивный и согласованный дизайн.
    демо, документы, Репо | #CSS #PostCSS

Специализированный

  • NES.css — CSS-фреймворк в стиле NES.
    демо, документы, Репо | #SCSS

  • 98. css — библиотека CSS для создания интерфейсов, похожих на Windows 98.
    Репо | #CSS

  • Tufte CSS — Оформите свою веб-страницу в стиле раздаточных материалов Эдварда Тафте.

    Репо | #CSS

  • Gutenberg — Современная структура для правильной печати в Интернете.
    демо, Документы | #SCSS

  • XP.css — CSS-библиотека для создания интерфейсов, похожих на Windows XP.
    Репо | #ПостCSS

  • Bojler — платформа электронной почты для разработки адаптивных и легких шаблонов электронной почты.
    документы, Репо | #SCSS

  • TuiCss — библиотека для создания интерфейсов MS-DOS.
    демо, Документы | #SCSS

  • 7.css — библиотека CSS для создания интерфейсов, похожих на Windows 7.

    Репо | #ПостCSS

Наборы инструментов

Наборы инструментов

ближе к библиотеке, чем к фреймворку. Они предоставляют не фактические стили, а утилиты (например, примеси), которые вы можете использовать в своем препроцессоре CSS.

  • Bourbon — набор инструментов Lightweight Sass.
    документы, Репо, Строительные леса | #SCSS

Остановка разработки

Фреймворки, которые не разрабатывались более одного года или официально устарели. Мы храним их здесь для справки/вдохновения и надежды на возрождение.

Показать раздел

  • Semantic UI — Пользовательский интерфейс — это язык Интернета.
    документы, Репо | #МЕНЬШЕ

  • normalize.css — современная, готовая к HTML5 альтернатива сбросу CSS.
    Репо | #CSS

  • Materialise — CSS-фреймворк, основанный на материальном дизайне.
    демо, документы, Репо | #SCSS

  • Spectre. css — Легкий, отзывчивый и современный фреймворк CSS.
    документы, Репо | #SCSS

  • Flexbox Grid — Сетка на основе flexbox CSS3.
    Репо

  • Basscss — Низкоуровневый инструментарий CSS.
    Репо

  • Neat — Легкая и гибкая сетка Sass.
    демо, документы, Репо | #SCSS

  • mini.css — минимальная, отзывчивая, не зависящая от стиля структура CSS.
    документы, Репо | #SCSS

  • Mobi.css — Легкая, масштабируемая, ориентированная на мобильные устройства CSS-инфраструктура.
    документы, Репо | #CSS

  • Wing — Красивый CSS-фреймворк, разработанный для минималистов.
    документы, Репо | #Стилус

  • CSS Remedy — Начните свой проект с исправления технического долга CSS.
    | #CSS

  • Cutestrap — Дерзкий, самоуверенный CSS-фреймворк, крошечная альтернатива Bootstrap.
    Репо

  • несемантический — гибкая сетка для мобильных устройств, планшетов и настольных компьютеров.
    демо, документы, Репо

  • Propeller — интерфейсная адаптивная структура, основанная на стандартах Google Material Design и Bootstrap.
    документы, Репо | #SCSS

  • Краткий CSS — избавьтесь от наворотов. Хватит спотыкаться о свои занятия. Будьте лаконичны.
    документы, Репо | #SCSS

  • Responsive Boilerplate — мощная, доступная и удобная для разработчиков платформа для создания адаптивных веб-сайтов.
    документы, Репо | #SCSS

  • Centurion — веб-платформа для быстрого прототипирования и создания крупных веб-проектов.
    документы, Репо

Лицензия

Лицензия CC0 1.0:

Вы можете копировать, изменять, распространять и выполнять работу даже в коммерческих целях, не спрашивая разрешения.

Изображения звезд GitHub предоставлены компанией Shields.

Список | Семантический пользовательский интерфейс

Скачать

AD

Список групп связанных материалов

Яблоки

Груши

Апельсины

Semantic UI

New York, NY 9000 4

Обновлено 10 минут назад

Обновлено 22 минуты назад

Обновлено 34 мин. назад

Исходные файлы для проекта

Тема вашего сайта

Упакованные файлы темы

Упакованная тема по умолчанию

Упакованные темы также доступны в этой папке

Файл конфигурации для установки упакованных тем

Скомпилированные файлы CSS и JS

Отдельные компоненты CSS и JS

Содержит настройки сборки для gulp

Список может помечать элементы маркером

Получение доступа

Приглашение Друзья

Преимущества

Ссылка на сайт

Скидки

Скидки

Гарантия

Для удобства в простом маркированном списке также можно использовать ул тэг.

  • Получение доступа
  • Приглашение друзей
  • Преимущества
    • Используйте где угодно
    • Скидки
    • Скидки
  • Гарантия

О нас Карта сайта Контакт

Список можно заказать по номеру

Начало работыВведение

Языки

HTML Javascript CSS

Обзор

Нумерованный список может также использовать тег ol

  1. Регистрация
  2. Преимущества для пользователей
  3. типов пользователей
    1. Админ
    2. Опытный пользователь
    3. Обычный пользователь
  4. Удаление вашей учетной записи
Вы также можете вручную указать значение для упорядоченного списка, используя значение данных на div или value на li

  1. Регистрация
  2. Преимущества для пользователя
  3. типов пользователей
    1. Администратор
    2. Опытный пользователь
    3. Обычный пользователь
  4. Удаление вашей учетной записи

Список может быть специально отформатирован для навигационных ссылок

Элемент списка может содержать набор элементов

Элемент списка может содержать значок

У этого текста всегда будет левое поле, чтобы он располагался рядом со значком

Плавающие значки по умолчанию выравниваются по верхнему краю. Чтобы выровнять значок по верхнему краю, попробуйте этот пример.

Встроенный текст

Элемент списка может содержать изображение.

Последний раз видели за просмотром «Бургеры Боба» 10 часов назад.

Последний раз видели вчера за просмотром Крестный отец 2 .

Последний раз видели за просмотром Твин Пикс 3 дня назад.

В последнее время ничего не смотрел

Список может содержать ссылки

Что такое FAQ? Кто наш пользователь? Где находится наш офис?

Щелкните ссылку в нашем описании.

Узнайте больше об этом сайте на нашей странице часто задаваемых вопросов.

Элемент списка может содержать заголовок

Прекрасный город

Тоже довольно милый город

Иногда может быть прекрасным городом

Какой прекрасный город

Пункт списка может содержать описание

Превосходный польский ресторан, быстрая доставка и обильные, сытные блюда.

Вкус восхитительных кулинарных традиций Шэньси с такими деликатесами, как острая холодная лапша и гамбургеры из баранины.

Лучший выбор Greenpoint для быстрых и вкусных суши.

Ночью бар, днем ​​вкусный бранч.

Список можно отформатировать так, чтобы элементы отображались горизонтально

Ведущий участник

Пользователь с самым высоким рейтингом

50 баллов

44 балла

11 баллов

Условия и положения политика конфиденциальности Связаться с нами

Список можно инвертировать, чтобы он отображался на темном фоне

Отличный компаньон

Пудель, это довольно просто

Он тоже собака

Список выбора форматирует элементы списка как возможные варианты

Список может анимироваться, чтобы отделить текущий элемент от списка

Убедитесь, что содержимое может уместиться на одной строке при использовании анимированного варианта, иначе текстовое содержимое будет перекомпоновываться при наведении курсора.

No related posts.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *