Подборка из 10 лучших CSS-фреймворков

0

Intro

За последние несколько лет развитие веб-разработки значительно возросло. Есть много интерфейсных UI фреймворков, которые создаются каждый год. Bootstrap был одним из самых популярных среди них. Тем не менее, есть много других претендентов, о которых вы, возможно, не слышали, но, безусловно, их стоит попробовать.

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

1

Spectre

SPECTRE CSS framework

Spectre — это современный, бесплатный и гибкий CSS-фреймворк. Он предлагает элегантные элементы, гибкую систему макета, основанную на flexbox, компоненты и утилиты CSS, которые могут быть изменены с помощью компилятора Sass и Scss. Он действительно легкий, только 10 КБ gzipped и имеет поддержку для большинства современных браузеров.

2
Mustard UI

Mustard UI

Это open-source, очень простой CSS-фреймворк. Он полностю разделен на отдельные модули и вы можете выбирать, использовать ли весь фреймворк целиком или же подключить только неопходимые компоненты. Он содержит в себе все необходимые компоненты, такие как сетка, кнопки, таблицы, формы, карточки и много других. Все это вместе может быть легко настроено с помощю переменных SASS.

3

Bulma

Bulma

Bulma — это бесплатный CSS-фреймворк с открытым исходным кодом, основанный на flexbox. Он состоит их простой системы сетки, отзывчивых навигационных панелей и многих других компонентов. Каждый елемент Bumla адаптирован под любые размеры экранов и может быть легко кастомизирован.

4

UI Kit

UI Kit

Это еще один потрясающий CSS и JavaScript фреймворк, который поставляется со своим набором иконок и рядом компонентов. UIkit разработан очень хорошо, как по внешнему виду, так и по структуре, с унифицированными стилями, легко запоминающимся API, многими настройками и полезными классами модификаторов.

5

TentCSS

TentCSS

TentCSS — простая и простая в использовании инфраструктура, которая предлагает все основные компоненты, необходимые для создания отзывчивого веб-сайта. Он очень легкий (всего 5 килобайт gzipped), следует стандарту BEM и имеет современную сетку из flexbox.

6

MaterializeCSS

Materialize

Это современный адаптивный интерфейсный фреймворк на основе Material Design. Он очень прост в использовании, особенно для людей, знакомых с другими подобными проектами, такими как Bootstrap.

7

Foundation

Foundation

Фреймворк Zurb Foundation — еще один популярный инструмент для создания отзывчивых веб-сайтов и приложений. Он поставляется с несколькими модульными и гибкими компонентами, которые полностью настраиваются, вы можете использовать их для создания красивых отзывчивых веб-сайтов, которые выглядят потрясающе на любом устройстве.

8

Semantic UI

Semantic UI

Semantic — это интерфейсный фреймворк, который помогает создавать красивые и гибкие макеты с использованием дружественного к человеку HTML. Он настраивается более чем 3000 переменными CSS, которые позволят вам настроить все под себя.

9

Base

Base

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

10

MUI

MUI

Это большой и гибкий фреймворк, который следует концепции Google Material Design. Он предлагает поддержку React, настройку через SASS-файлы и имеет отдельную встроенную версию для стилей электронных писем.

Похожие публикации

Комментарии