Bootstrapを使った管理画面テンプレートをまとめて紹介
Webベースの業務システムを開発する場合、えてして管理画面が必要になります。とは言え、ユーザ向けの画面であればともかくシステム管理者や開発者だけが触る画面に対してあまりユーザビリティの高いUI/UXが提供されることは多くありません。
そこで使ってみたいのがBootstrapです。同じように考える人たちは多く、Bootstrapを使った管理画面テンプレートは実に数多く存在します。ぜひ好みにあったものを選んで、使いやすい管理画面を構築してください。
SB Admin 2
大きなアイコンが印象的なダッシュボードです。グラフ、テーブル、フォームなどの機能があります。
SB Admin 2 – Free Bootstrap Admin Theme – Start Bootstrap
AdminLTE
地図のグラフやメニューへのバッジ表示、ツールバー部分のアイコンなどの機能があります。
Free Admin Template For Bootstrap – AdminLTE | Almsaeed Studio
Bootstrap Admin Theme v3
カレンダー、グラフ、テーブル、ボタン、WYSIWYGエディタのサポートがあります。
SIMINTA
パステルな色使いが特徴で、大きなアイコンで分かりやすい作りになっています。
Bootsrtap Free Admin Template – SIMINTA | Admin Dashboad Template
Binary Admin
メニューなどの項目に大きなアイコンが表示されています。コントラストのはっきりした色使いになっています。
Free Bootstrap Admin Template : Binary Admin
BCORE Admin
3カラムのテンプレートになっていて、より多くの情報を詰め込めるようになっています。
BCORE Admin Dashboard Template | Dashboard
Metis
黒基調のテンプレートになります。ファイルマネージャ機能や地図、多数のコンポーネントと実に多機能です。
Simple Dashboard
すっきりしたデザインのシンプルな管理画面です。スマートフォンやタブレットからでも利用しやすそうです。
Dashboard – Bootstrap Admin Template
グラフ、カレンダー、ステータス表示などが可能です。メニューは上にアイコンで並ぶ形になっています。
Dashboard – Bootstrap Admin Template
hierapolis
角丸なフラットUI系テーマになります。パステルカラー基調ですっきりとした見た目になっています。
Admin Home Page
ウィジェットに分かれているので様々な情報が盛り込めるようになっています。テーブルも細かく分けて表示できます。
Free HTML5 Bootstrap Admin Template
角丸で淡い配色が特徴になっています。陰付きなデザインはちょっと前のトレンドだったデザインになります。
Free HTML5 Bootstrap Admin Template
いかがだったでしょうか。今回は特に無料で配布されているものに厳選してご紹介しました。Bootstrapの管理画面で有料のものもたくさんあるのですが、なかなか自分たちが使う管理画面に対してお金を支払えるケースは多くないように思います。無料で高機能なものも多いので、ぜひこちらを使うべきでしょう。
なおBootstrapはテンプレートであってそのままでは動きません。ぜひhifiveと組み合わせて高機能な管理画面を実現してください。
hifive – HTML5企業Webシステムのための開発プラットフォーム – hifive
hifive開発者ブログ 
コメントは受け付けていません。