Лучшие CSS-фреймворки в 2021 году

0
3
views
verstka logo

Хочешь знать больше про веб?

Подпишись на наш телеграм-канал TechRocks WEB-разработка?

×

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».

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here