[ 目次 ]

• はじめに
• 公式サイト
• 拡張モジュールのwiki
• テンプレートまとめ
• Vue + Bulma のフレームワーク「Buefy」
• React + Bulma のフレームワーク「re-bulma」
• 最後に

はじめに

こんにちは、香港に住んでいるWEBデベロッパーのなかむ（@nakanakamu0828）です。

この記事は過去に運用していたブログからの移行記事になります。

今回は、今年になってからよく利用している「Bulma」というCSSフレームワークの情報をググってまとめたいと思います。

公式サイト

Bulma is a free and open source CSS framework based on Flexbox.

https://bulma.io/
https://github.com/jgthms/bulma

拡張モジュールのwiki

Everything you need to start with Bulma-extensions.

• https://wikiki.github.io/
• https://github.com/wikiki/bulma-extensions

テンプレートまとめ

Free Bulma Templates
Based on the Bulma CSS Framework.

• https://dansup.github.io/bulma-templates/
• https://github.com/dansup/bulma-templates
• http://html.mijnspeelplek.com/bulma1/
• https://jenil.github.io/bulmaswatch/

Vue + Bulma のフレームワーク「Buefy」

Lightweight UI components for Vue.js based on Bulma.

• https://buefy.github.io/#/
• https://github.com/buefy/buefy

React + Bulma のフレームワーク「re-bulma」

Lightweight UI components for Vue.js based on Bulma.

• http://bokuweb.github.io/re-bulma/
• https://github.com/bokuweb/re-bulma

最後に

BulmaはシンプルでLightweightなCSSフレームワークです。jqueryなどjavascriptに依存することもなく、pure jsやvue, reactからも利用しやすいイメージですね。
気になる方は是非試してみてください。