Альтернативы bootstrap: CSS-фреймворки

Bulma

Bulma – это CSS-фреймворк с открытым исходным кодом, который использует систему построения разметки страницы, ориентированную на любые устройства. Предлагаются красивые элементы управления, которые можно использовать сразу с минимальными доработками для собственного шаблона или вообще без доработок. Этот простой в использовании и полностью настраиваемый фреймворк идеально подходит для создания сайтов и приложений, которые отлично смотрятся на всех устройствах.

Bulma часто обновляется новыми элементами CSS.

Имеется возможность собрать свой вариант фреймфорка, выбрав только нужные компоненты. Мы рекомендуем делать именно так, потому что полная минимизированная версия весит ~650 Кб (без gzip).

Если вы дизайнер сайтов, который не использует никаких JS-плагинов и применяет только линейные макеты, Bulma может стать вполне приличной альтернативой Bootstrap.

Bulma поставляется с красивой цветовой гаммой и эстетичным оформлением элементов, и мы не ошибемся, если назовем его самым красивым фреймворком.

Все эти плюсы делают Bulma отличной альтернативой Bootstrap.

Скачать: Официальный сайт Bulma, GitHub

Spectre.css

Spectre.css – это самый маленький CSS-фреймворк, который только есть. Содержит все необходимые элементы и компоненты для создания легкого сайта, который будет открываться моментально. Есть комлект простых иконок, нарисованных с помощью CSS. Так же, как и Bulma, он не использует JS.

Полный код состоит из трех файлов:

• spectre.min.css – основные элементы и компоненты, 47 Кб (без gzip);
• spectre-icons.min.css – файл иконок, 9 Кб (без gzip);
• spectre-exp.min.css – экспериментальные расширенные компоненты, такие как календарь, карусель, прогресс-бары, слайдеры и многое другое, 24 Кб (без gzip).

И даже такой небольшой размер файлов можно уменьшить, собрав только нужные вам модули.

Имеется частичная поддержка устаревших браузеров, что является плюсом, и расширит вашу аудиторию.

Есть один минус – фреймворк Spectre.css не обновляется с июля 2020 года и остановился на версии 0.5.9. Но это не мешает использовать его в своих проектах, ведь, как известно, веб-сайт должен загружаться у пользователя легко и быстро. А со временем доделать нужные селекторы в случае их улучшения обновленными свойствами CSS можно самостоятельно.

Скачать: Официальный сайт Spectre.css, GitHub