ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Bootstrapがフロントエンドのフレームワークとして多用されています。しかし、デザインの束縛が強いためか、Bootstrapで作られているサイトはそれっぽさが残ってしまいます。

そのためBootstrapを避けたいと思いつつも、便利さ故に離れられない人はHalfmoonを試してみましょう。Bootstrapに似せたクラスを定義したフロントエンドフレームワークです。

Halfmoonの使い方

ドキュメントです。もちろんHalfmoonで作られています。

ダークモード対応です。

ナビゲーションバー。

サイドバー。

テーブル。

コード表示。ハイライトも組み込まれています。

画像表示。

ページネーション。

トースト。

パンくず。

HalfmoonはグリッドなどをBootstrapと同じクラス名にしています。既存のBootstrapサイトで、そのまま入れ替えてもデザインは保てるかも知れません。JavaScriptについてはjQuery依存をなくしています。また、IE11からサポートしているのも魅力です。

HalfmoonはCSS3製のオープンソース・ソフトウェア(MIT License)です。

Halfmoon - Front-end framework with a built-in dark mode, designed for rapidly building beautiful dashboards and product pages

halfmoonui/halfmoon: Front-end framework with a built-in dark mode, designed for rapidly building beautiful dashboards and product pages.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2