Skip to content
EN

CSS-фреймворки в 2026 году: Bootstrap, Tailwind и большой остаток

Кратко. В обзорах долей CSS-фреймворков обычно спорят о соотношении Bootstrap и Tailwind.

В обзорах долей CSS-фреймворков обычно спорят о соотношении Bootstrap и Tailwind. Наш замер 399 главных страниц показывает, что главная величина другая: примерно две трети сайтов в каждой зоне не используют ни одного.

Внутри оставшейся трети различие между зонами заметное: Tailwind в .ru встречается вчетверо реже, чем в .com, а Bootstrap — чаще всего именно в .ru.

Проверить заголовки сайта →

Две трети сайтов не используют ни одного фреймворка

27 августа 2026 года мы разобрали главные страницы 399 доступных хостов и искали однозначные отпечатки CSS-фреймворков в разметке:

ЗонаРазобраноBootstrapTailwindНи одного
.ru10429 (28%)3 (3%)70 (67%)
.org10424 (23%)8 (8%)71 (68%)
.com11725 (21%)15 (13%)76 (65%)
.net7415 (20%)9 (12%)52 (70%)

Первое, что бросается в глаза, — не доли фреймворков, а размер остатка: примерно две трети сайтов в каждой зоне не показывают признаков ни одного из распространённых фреймворков. Обзоры «долей рынка CSS-фреймворков» обычно считают проценты внутри этой трети и умалчивают о том, что она треть.

Bulma нашлась у 3 сайтов в .ru и 2 в .org, UIkit — у одного в .ru, Materialize и Foundation — единицы. На таких числах доли считать нельзя, поэтому приводим абсолютные.

Данные исследования

Исходные данные всех таблиц этого отчёта доступны в виде открытого CSV-файла (UTF-8, первая строка — заголовки).

Скачать датасет (CSV)

Tailwind в Рунете применяют вчетверо реже

Самое заметное различие — Tailwind: 3% в .ru против 13% в .com и 12% в .net. При этом Bootstrap в .ru, наоборот, встречается чаще всех — 28%.

Оговорка, обязательная к этой цифре: три сайта на Tailwind в зоне .ru — это слишком мало, чтобы говорить о точной доле. Достоверно здесь только направление, и оно подтверждается тем, что во всех трёх международных зонах Tailwind встречается в 2,5–4 раза чаще.

Объяснение, согласующееся с остальными нашими замерами: Tailwind предполагает сборку — процесс, где классы генерируются и вычищаются на этапе публикации. Это естественно ложится на связку «фреймворк + деплой» и хуже ложится на сайт, который правят прямо в шаблонах CMS. Учитывая, что в зоне .ru на первых местах WordPress, Tilda и Битрикс, низкая доля Tailwind выглядит следствием способа разработки, а не вкусов верстальщиков.

Почему такие замеры вообще спорны

Определение фреймворка по разметке — метод с известными изъянами, и о них честнее сказать сразу.

Отпечатки пересекаются. Утилитарные классы вроде px-4 есть и в Tailwind, и в Bootstrap 5. Наш первый вариант детектора на этом и споткнулся — он дал Tailwind в .ru 5% вместо 3%. Итоговый вариант опирается только на однозначные признаки: цветовую шкалу с числом (bg-slate-800) и адаптивные префиксы (md:flex) для Tailwind, сеточные классы col-md-6 и имена файлов — для Bootstrap. Сайтов, где сработали оба, оказалось 1–2 на зону.

Сборка стирает следы. Tailwind при публикации выбрасывает неиспользуемые классы, а Bootstrap часто подключают через препроцессор с переименованием. Сайт может использовать фреймворк и не показывать ни одного узнаваемого признака — такие уходят в графу «ни одного».

Проверяется одна страница. Главная нередко свёрстана отдельно от остального сайта.

Всё это смещает результат в одну сторону: реальное использование фреймворков выше измеренного. Поэтому сравнивать между зонами можно, а брать наши доли как абсолютную оценку — нет.

Посмотреть, что определяется на конкретном сайте, можно в определении технологий.

Больше по теме

Часто задаваемые вопросы

Tailwind vs Bootstrap — переходить?

Для новых проектов — Tailwind (маленький bundle + flexibility). Для legacy Bootstrap-кодбейза — не мигрируйте без causus (весь CSS переписывать).

CSS-in-JS слишком дорого?

Runtime cost на RSC + serverless — проблема. Zero-runtime альтернативы (Pigment CSS, Panda) решают.

Container Queries поддержка?

Все modern browsers (Chrome 106+, Safari 16+, Firefox 110+). 2026 — safe для production.

Enterno stack?

Enterno использует vanilla CSS с CSS variables + modular files. Мы публично дешифрируем в articles.

Запустить инструмент, который описан в этой статье

Бесплатный тариф — 10 мониторов, проверки каждые 5 мин, без карты. Платные тарифы — интервал от 1 минуты и проверки из нескольких регионов.