Две недели назад выкатили бета-версию Web Awesome — новую мажорную версию библиотеки веб-компонентов Shoelace. Я делал пост об этом и в процессе написания у меня возникла мысль, что Web Awesome — это Bootstrap нового поколения.
Bootstrap — это популярная библиотека с утилитами, раскладками, сеткой, шаблонами распространённых элементов интерфейса и интерактивными компонентами с возможностью гибкой конфигурации.
Всё это не привязано к какому-то фреймворку и подключается к сайту с помощью
<link> и <script>. Есть возможность установки через npm, чтобы собрать и настроить собственную версию с нужными токенами и файлами.Bootstrap жив и активно развивается, вопреки некоторым мнениям. Текущая версия 5.3.7 вышла 10 июня. В разработке находится 6-я мажорная версия. Bootstrap активно используется: 5.4 млн. установок с npm, не считая загрузок с CDN.
И тут на сцену выходит Web Awesome с утилитами, раскладками, сеткой, шаблонами распространённых элементов интерфейса, интерактивными компонентами, установкой через npm или CDN, возможностью собственной сборки и токенами.
Web Awesome постепенно догоняет Bootstrap по возможностям, но использует более современные возможности браузеров. Это решает некоторые проблемы Bootstrap и делает библиотеку удобнее в использовании.
Вместо копирования вёрстки — пользовательские элементы. Вместо настройки через SCSS — темы на основе пользовательских свойств. Стили компонентов изолированы, никакой борьбы с переопределением.
Поэтому для меня Web Awesome выглядит как Bootstrap нового поколения. В ту же сторону стоило бы двигаться и самому Bootstrap. Посмотрим, каким будет Web Awesome после беты и что выкатят в 6-й версии Bootstrap.
#css #ui