Лучшие CSS-фреймворки для реальных проектов

от автора

в

Лучшего CSS-фреймворка не существует, есть фреймворки, подходящие определённому типу проектов. Панель на двести экранов и лендинг не имеют почти ничего общего.

Эти семь покрывают весь диапазон: от полной дизайн-системы до таблицы стилей, которую подключил и забыл.

Utility first

Tailwind CSS

Самый безопасный выбор для большого приложения: CSS перестаёт расти, потому что вы перестаёте его писать.

tailwindcss.com

Компоненты

Bootstrap

По-прежнему вне конкуренции, если полноценная доступная админка нужна на этой неделе.

getbootstrap.com

Компоненты

Bulma

Читаемость Bootstrap без багажа JavaScript: чистый CSS, который легко переопределить.

bulma.io

Дизайн-токены

Open Props

Готовые CSS-переменные для отступов, цвета и теней, без привязки к фреймворку.

open-props.style

Без классов

Pico CSS

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

picocss.com

Атомарный движок

UnoCSS

Утилитарные классы генерируются по требованию, итоговый CSS самый маленький в группе.

unocss.dev

Компоненты Tailwind

daisyUI

Добавляет к Tailwind настоящие компоненты и темы, чтобы писать меньше разметки.

daisyui.com

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

Нужно не выбрать, а построить?

Веб-приложения, API, инфраструктура и интерфейсы. Фриланс из Барселоны, клиенты по всему миру.

Связаться


Комментарии

Leave a Reply

Your email address will not be published. Required fields are marked *