Repolode
Предложить
jgthms

jgthms/bulma

Bulma — современный CSS-фреймворк на Flexbox с готовыми компонентами и классами для разметки в одном файле стилей и без JavaScript.

Open source альтернатива:BootstrapTailwind CSS

Открыть на GitHubСайт
Звёзды
50,037
Форки
3,870
Открытые issues
532
Последний коммит
в прошлом месяце

Что это?

Bulma — CSS-фреймворк на Flexbox. Он поставляется в виде одного CSS-файла, который можно использовать как есть или настроить, скачав исходники Sass и изменив переменные. Фреймворк можно установить через npm, Yarn или Bower либо подключить через CDN.

В Bulma нет JavaScript. Это исключительно слой стилей, поэтому он работает с любым фреймворком или без него; интерактивное поведение разработчики реализуют самостоятельно. Фреймворк поддерживает актуальные версии Chrome, Edge, Firefox, Opera и Safari. Для совместимости Flexbox с более старыми версиями используется autoprefixer; Internet Explorer 10+ поддерживается лишь частично.

Вокруг проекта сформировалась экосистема созданных сообществом обёрток и тем, включая интеграции с React, Vue, Svelte, Angular, Django и Rails.

Ключевые возможности

  • 01Система разметки на Flexbox
  • 02Поставляется одним CSS-файлом, без зависимости от JavaScript
  • 03Настраивается с помощью переменных Sass
  • 04Можно установить через npm, Yarn, Bower или CDN
  • 05Поддержка autoprefixer для расширения совместимости с браузерами

Сценарии использования

  • Оформление статического сайта или лендинга без необходимости писать CSS с нуля
  • Добавление единого стиля интерфейса в серверное приложение на Django или Rails
  • Создание собственной темы на основе переменных Sass в Bulma
  • Сочетание визуального слоя с JavaScript-фреймворком, например React или Vue

Быстрый старт

  1. 1

    Установите Bulma из npm

    npm install bulma
  2. 2

    Импортируйте файл CSS в проект

    @import 'bulma/css/bulma.css'

Что важно знать

  • Bulma включает только CSS и не содержит JavaScript, поэтому для интерактивных компонентов потребуется собственный JS.
  • Internet Explorer 10 и более поздние версии поддерживаются лишь частично.

Темы

#css#css-framework#flexbox#sass#frontend-styling#responsive-design#design#html

Частые вопросы

Что такое bulma?
Bulma — современный CSS-фреймворк на Flexbox с готовыми компонентами и классами для разметки в одном файле стилей и без JavaScript. Bulma — CSS-фреймворк на Flexbox. Он поставляется в виде одного CSS-файла, который можно использовать как есть или настроить, скачав исходники Sass и изменив переменные. Фреймворк можно установить через npm, Yarn или Bower либо подключить через CDN.
bulma можно использовать бесплатно? Какая у него лицензия?
bulma распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
bulma всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в bulma — 21 сент. 2026 г..
Для чего можно использовать bulma?
Оформление статического сайта или лендинга без необходимости писать CSS с нуля Добавление единого стиля интерфейса в серверное приложение на Django или Rails Создание собственной темы на основе переменных Sass в Bulma Сочетание визуального слоя с JavaScript-фреймворком, например React или Vue
Как установить bulma?
Установите Bulma из npm: npm install bulma Импортируйте файл CSS в проект: @import 'bulma/css/bulma.css'
Где скачать bulma?
Исходный код и инструкции по установке — на GitHub: https://github.com/jgthms/bulma

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты