Halfmoon - Bootstrapに似た、IE11をサポートするフロントエンドフレームワーク
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.