BulmaはFlexboxをベースにしたモダンなCSSフレームワークで、JavaScriptを使わずに利用できる、すぐに使えるコンポーネントとレイアウトクラスを単一のスタイルシートで提供します。 BulmaはFlexboxベースのCSSフレームワークです。出力は単一のCSSファイルのみで、そのまま使うことも、Sassソースをダウンロードして変数を変更し、カスタマイズすることもできます。npm、Yarn、Bowerでインストールするか、CDNから読み込めます。

bulma は無料で使えますか？ライセンスは？

bulma は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

bulma は今もメンテナンスされていますか？

半年以内に更新あり。bulma の最終コミットは 2026年9月21日です。

bulma は何に使えますか？

CSSを一から書かずに、静的サイトやランディングページのスタイルを整える DjangoやRailsのサーバーサイドレンダリングアプリに、一貫したUIスタイルを加える BulmaのSass変数を使って独自のテーマを作成する ReactやVueなどのJavaScriptフレームワークと組み合わせて、見た目を整える

bulma のインストール方法は？

npmからBulmaをインストールする: npm install bulma CSSファイルをプロジェクトにインポートする: @import 'bulma/css/bulma.css'

bulma はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/jgthms/bulma

jgthms/bulma

Q: bulma は今もメンテナンスされていますか？

半年以内に更新あり。bulma の最終コミットは 2026年9月21日 です。

BulmaはFlexboxをベースにしたモダンなCSSフレームワークで、JavaScriptを使わずに利用できる、すぐに使えるコンポーネントとレイアウトクラスを単一のスタイルシートで提供します。

代替できる製品:Bootstrap Tailwind CSS

GitHub で見る公式サイト

スター: 50,037
フォーク: 3,870
未解決の Issue: 532
最終コミット: 先月

これは何？

BulmaはFlexboxベースのCSSフレームワークです。出力は単一のCSSファイルのみで、そのまま使うことも、Sassソースをダウンロードして変数を変更し、カスタマイズすることもできます。npm、Yarn、Bowerでインストールするか、CDNから読み込めます。

BulmaにはJavaScriptが含まれていません。スタイルのみを提供するため、あらゆるフレームワークと組み合わせて使えるほか、フレームワークを使わずに利用することもできます。インタラクティブな動作の実装には、開発者が独自のスクリプトを用意します。対応ブラウザはChrome、Edge、Firefox、Opera、Safariの最近のバージョンです。古いバージョンとのFlexboxの互換性はautoprefixerで処理できますが、Internet Explorer 10以降のサポートは一部に限られます。

このプロジェクトにはコミュニティ製のラッパーやテーマのエコシステムがあり、React、Vue、Svelte、Angular、Django、Railsとの連携機能も提供されています。

主な機能

01Flexboxベースのレイアウトシステム
02JavaScriptに依存せず、単一のCSSファイルとして提供
03Sass変数によるカスタマイズ
04npm、Yarn、Bower、CDNで利用可能
05autoprefixerによる幅広いブラウザ互換性への対応

ユースケース

CSSを一から書かずに、静的サイトやランディングページのスタイルを整える
DjangoやRailsのサーバーサイドレンダリングアプリに、一貫したUIスタイルを加える
BulmaのSass変数を使って独自のテーマを作成する
ReactやVueなどのJavaScriptフレームワークと組み合わせて、見た目を整える

クイックスタート

1
npmからBulmaをインストールする
npm install bulma
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はFlexboxをベースにしたモダンなCSSフレームワークで、JavaScriptを使わずに利用できる、すぐに使えるコンポーネントとレイアウトクラスを単一のスタイルシートで提供します。 BulmaはFlexboxベースのCSSフレームワークです。出力は単一のCSSファイルのみで、そのまま使うことも、Sassソースをダウンロードして変数を変更し、カスタマイズすることもできます。npm、Yarn、Bowerでインストールするか、CDNから読み込めます。
bulma は無料で使えますか？ライセンスは？: bulma は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
bulma は今もメンテナンスされていますか？: 半年以内に更新あり。bulma の最終コミットは 2026年9月21日です。
bulma は何に使えますか？: CSSを一から書かずに、静的サイトやランディングページのスタイルを整える DjangoやRailsのサーバーサイドレンダリングアプリに、一貫したUIスタイルを加える BulmaのSass変数を使って独自のテーマを作成する ReactやVueなどのJavaScriptフレームワークと組み合わせて、見た目を整える
bulma のインストール方法は？: npmからBulmaをインストールする: npm install bulma CSSファイルをプロジェクトにインポートする: @import 'bulma/css/bulma.css'
bulma はどこで入手できますか？: ソースコードとインストール手順は GitHub にあります：https://github.com/jgthms/bulma

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。