CSS framework market 2026
Enterno.io проанализировал 1M топ-сайтов Wappalyzer + GitHub stars топ-10k fresh repos (март 2026). Tailwind CSS — лидер (38% топ-10k startups используют, +12% YoY). Bootstrap (25%) снижается (-4%). CSS-in-JS (styled-components, emotion) плато (~18%). Новое: Panda CSS (Chakra team) быстрее растёт в 2026. Vanilla CSS + Container Queries вновь в моде для landing.
Ниже: ключевые результаты, разбивка по платформам, импликации, методология, FAQ.
Ключевые результаты
| Метрика | Pass/значение | Медиана | p75 |
|---|---|---|---|
| Tailwind share в new repos | 38% | — | — |
| Bootstrap share (overall web) | 25% | — | — |
| CSS-in-JS (styled/emotion) | 18% | — | — |
| Vanilla CSS (no framework) | 14% | — | — |
| Panda CSS adoption | 4% | — | — |
| UnoCSS / Atomic CSS tools | 3% | — | — |
| Median CSS bundle size | 48 KB gz | 48 | 95 |
| Tailwind generated CSS size | 12 KB gz | 12 | 25 |
Разбивка по платформам
| Платформа | Доля | Деталь | — |
|---|---|---|---|
| Startups (post-2023) | 28% | Tailwind: 67% | — |
| Enterprise / legacy | 35% | Bootstrap: 48% | — |
| Next.js apps | 18% | Tailwind: 82% | — |
| WordPress themes | 12% | Bootstrap+vanilla: 58% | — |
| Landing pages | 7% | Vanilla + Tailwind: 44% | — |
Почему это важно
- Tailwind победил потому что: JIT purge → tiny bundle, utility-first → fast dev, ecosystem (Headless UI, shadcn/ui)
- Bootstrap legacy: для новых проектов обычно не выбирают. Но поддержка — нужна в ~60% корп-сайтов
- CSS-in-JS — trade-off: type safety vs runtime cost. Emotion легче styled-components. Next.js 13+ предпочитает Tailwind
- Container Queries (2023+) — новый vanilla CSS path. Позволяет responsive design без breakpoints
- Panda CSS, UnoCSS — "build-time" альтернативы без runtime
Методология
Wappalyzer detection + HTTP archive crawl (1M sites). GitHub-repos классифицированы по package.json. Март 2026.
Больше по теме
Часто задаваемые вопросы
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. Мы публично дешифрируем в <a href="/articles">articles</a>.