Advertisement

bs_dashboard_top

 

Twitter謹製フレームワークとしても有名なBootstrap。規則正しくスタイリングされた、使い勝手の良いコンポーネントは、Webサイト制作にかかる時間を大幅に短縮してくれるようになりました。

 

海外デザインブログSpeckyBoy Design Magazineで、Bootstrapをフレームワークに作成された、ダッシュボード向け無料HTMLテンプレート素材を15個まとめたエントリー「15 Free Bootstrap Admin Themes」が公開されていたので、今回は特に印象的だったフリーアイテムをいくつかご紹介します。

 

 

ダッシュボード向けと表記されていますが、フロント用トップページが用意されていたり、気に入ったパーツのみをWebサイト制作に活用することもできますよ。

 

 

 

詳細は以下から。

 

 

 

Bootstrapを利用した、ダッシュボード向け無料HTMLテンプレート素材まとめ

 

Cascade

プレミアム有料テーマに負けないほど多機能なHTMLテンプレートは、20ページ以上が収録されており、あらゆる表現を可能にしてくれます。

bootstrap_admin_theme_01

[button_square color=”green” url=”http://192.241.161.236/preview/cascade/”] デモページ [/button_square]  [button_square color=”red” url=”http://www.template1st.com/cascade-flat-responsive-bootstrap-admin-html5-template-free-download.html”] ダウンロードページ [/button_square]

 

 

 

Blocks

タイトルの通りブロック単位でまとめられたウィジェット機能を、ダークスタイルで再現したテンプレート。

bootstrap_admin_theme_03

[button_square color=”green” url=”http://alvarez.is/demo/free/blocks/”] デモページ [/button_square]  [button_square color=”red” url=”http://www.alvarez.is/blog/blocks-free-bootstrap-3-dashboard/freebies/”] ダウンロードページ [/button_square]

 

 

 

AdminLTE

鮮やかな配色とフラットスタイルを採用した、トレンドを意識した管理画面用HTMLテンプレート。各ページも作りこまれていますよ。

bootstrap_admin_theme_04

[button_square color=”green” url=”http://www.almsaeedstudio.com/preview”] デモページ [/button_square]  [button_square color=”red” url=”http://www.almsaeedstudio.com/”] ダウンロードページ [/button_square]

 

 

 

DevOOPS

円チャートや棒グラフなどを表示したり、ウィジェットツールを充実させたHTMLテンプレート。ページ読み込みエフェクトなども素敵。

bootstrap_admin_theme_02

[button_square color=”green” url=”http://devoops.me/themes/devoops/”] デモページ [/button_square]  [button_square color=”red” url=”http://devoops.me/”] ダウンロードページ [/button_square]

 

 

 

TemplateVamp

アイコンを要所に利用することで、より直感的な操作感を実現するダッシュボード向けHTMLテンプレート。

bootstrap_admin_theme_08

[button_square color=”green” url=”http://www.egrappler.com/bootstrap-responsive-admin-template/index.html”] デモページ [/button_square]  [button_square color=”red” url=”http://www.egrappler.com/templatevamp-free-twitter-bootstrap-admin-template/”] ダウンロードページ [/button_square]

 

 

 

Bootstrap Metro Dashboard

パネルを並べたようなレイアウトが印象的な、Windowsのメトロスタイルを再現したテンプレート。

bootstrap_admin_theme_05

[button_square color=”green” url=”http://jiji262.github.io/Bootstrap_Metro_Dashboard/”] デモページ [/button_square]  [button_square color=”red” url=”https://github.com/jiji262/Bootstrap_Metro_Dashboard”] ダウンロードページ [/button_square]

 

 

 

Hierapolis

BootstrapをベースにSassとCompassで作成された 、フラットスタイルのHTMLテンプレート。

bootstrap_admin_theme_13

[button_square color=”green” url=”https://github.com/lab2023/hierapolis”] デモページ [/button_square]  [button_square color=”red” url=”https://github.com/lab2023/hierapolis”] ダウンロードページ [/button_square]

 

 

 

Metis

ダッシュボードだけでなく、ウェブアプリなどのドキュメンテーション、説明書的な使い方もできそうなレイアウト。Boostrap3までアップデートされていますが、デモページはBootstrap2.2.4を使用しています。

bootstrap_admin_theme_06

[button_square color=”green” url=”http://demo.onokumus.com/metis/”] デモページ [/button_square]  [button_square color=”red” url=”https://github.com/onokumus/Bootstrap-Admin-Template”] ダウンロードページ [/button_square]

 

 

 

Bootstrap Clean Dashboard Theme

アイコンを使いスッキリまとめられたナビゲーションメニュー、ヘッダーデザインが印象的な、清潔感のあるスッキリとしたデザインテーマ。

bootstrap_admin_theme_09

[button_square color=”green” url=”http://keaplogik.github.io/Bootstrap-Clean-Dashboard-Theme/demo/dashboard.html] デモページ [/button_square]  [button_square color=”red” url=”https://github.com/keaplogik/Bootstrap-Clean-Dashboard-Theme”] ダウンロードページ [/button_square]

 

 

 

SB Admin 2

さまざまな機能を管理するダッシュボードは、すっきりシンプルとしたレイアウトが好まれる傾向があります。テーブル表記もすっきりです。

bootstrap_admin_theme_07

[button_square color=”green” url=”http://startbootstrap.com/templates/sb-admin-v2/”] デモページ [/button_square]  [button_square color=”red” url=”http://startbootstrap.com/sb-admin-v2″] ダウンロードページ [/button_square]

 

 

 

VinceG / Bootstrap Admin Theme

まだプロジェクトが進行中のテンプレートですが、すでにBootstrapをうまく利用したページレイアウトがいくつも公開されています。

bootstrap_admin_theme_14

[button_square color=”green” url=”http://vinceg.github.io/Bootstrap-Admin-Theme/”] デモページ [/button_square]  [button_square color=”red” url=”https://github.com/VinceG/Bootstrap-Admin-Theme”] ダウンロードページ [/button_square]

 

 

 

Meritoo

商用利用もばっちり可能なテーマで、余分なデザインを一切省いたミニマルスタイルが特長のHTMLテンプレート。ウェブサイト制作のスタートキットにも最適です。

bootstrap_admin_theme_12

[button_square color=”green” url=”http://github.meritoo.pl/Bootstrap-3-Admin-Theme/”] デモページ [/button_square]  [button_square color=”red” url=”https://github.com/meritoo/Bootstrap-3-Admin-Theme”] ダウンロードページ [/button_square]

 

 

 

Charisma

9種類のカラースキンとテーマ素材に加えて、1000個+のアイコンや15種類以上のカスタムプラグインを実装した高機能テンプレート。

bootstrap_admin_theme_10

[button_square color=”green” url=””] デモページ [/button_square]  [button_square color=”red” url=”http://usman.it/free-responsive-admin-template/”] ダウンロードページ [/button_square]

 

 

 

参考 Bootstrap利用、高品質&クリエイティブな無料HTMLテンプレート素材まとめ

よりWebサイトやブログに使えるHTMLテンプレートをあつめています、こちらも参考にいかがでしょう。

bootstrap_html_top

 

 

参照元リンク : 15 Free Bootstrap Admin Themes – SpeckyBoy.com