CSS-фреймворки упрощают работу фронтендера. Применение фреймворков обеспечивает единообразие кода и увеличение скорости разработки. Благодаря им даже не очень опытный специалист может создать вполне достойно выглядящий сайт или приложение.
В этом списке мы собрали CSS-фреймворки, самые популярные в 2021 году.
Bootstrap
Bootstrap позволяет быстро проектировать mobile-first сайты. Это самый популярный в мире набор инструментов фронтенда (с открытым кодом). Bootstrap предлагает Sass-переменные и миксины, отзывчивую grid-систему, множество готовых компонентов и мощные плагины JavaScript.
Foundation
Foundation — это целое семейство отзывчивых фронтенд-фреймворков. Они облегчают создание прекрасных адаптивных сайтов, приложений и электронных писем, прекрасно выглядящих на любом устройстве.
Bulma
Bulma — современный CSS-фреймворк, который просто работает. Он бесплатный, имеет открытый исходный код.
Bulma предоставляет готовые к использованию компоненты фронтенда, которые вы можете с легкостью комбинировать для создания адаптивных веб-интерфейсов.
Tailwind CSS
CSS-фреймворк с упором на utility-классы типа flex, pt-4, text-center и rotate-90. Эти классы можно компоновать и создавать из них нужные компоненты для любого дизайна. С ними вам будет проще выдержать в едином стиле цвета, расстояния, типографию, тени и т.д.
Uikit
Легковесный, модульный фронтенд-фреймворк для создания быстрых и мощных веб-интерфейсов. Предоставляет множество интересных компонентов, в том числе набор иконок. Поддерживает Less и Sass.
Milligram
Минималистичный CSS-фреймворк. Предоставляет минимальную настройку стилей в качестве отправной точки. В gzip занимает всего 2kb! Этот фреймворк создан для лучшей производительности с меньшим количеством свойств (в результате вы получаете более чистый код).
Materialize CSS
Современный отзывчивый фронтенд-фреймворк на основе Material Design. Здесь вы найдете дефолтные стили компонентов и хорошо проработанные анимации и переходы. Подробная документация с примерами кода поможет вам без проблем начать пользование фреймворком.
Перевод статьи «Best CSS Frameworks in 2021».
