Twitter謹製フレームワークとしても有名なBootstrap。規則正しくスタイリングされた、使い勝手の良いコンポーネントは、Webサイト制作にかかる時間を大幅に短縮してくれるようになりました。
海外デザインブログSpeckyBoy Design Magazineで、Bootstrapをフレームワークに作成された、ダッシュボード向け無料HTMLテンプレート素材を15個まとめたエントリー「15 Free Bootstrap Admin Themes」が公開されていたので、今回は特に印象的だったフリーアイテムをいくつかご紹介します。
ダッシュボード向けと表記されていますが、フロント用トップページが用意されていたり、気に入ったパーツのみをWebサイト制作に活用することもできますよ。
詳細は以下から。
Bootstrapを利用した、ダッシュボード向け無料HTMLテンプレート素材まとめ
プレミアム有料テーマに負けないほど多機能なHTMLテンプレートは、20ページ以上が収録されており、あらゆる表現を可能にしてくれます。
[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]
タイトルの通りブロック単位でまとめられたウィジェット機能を、ダークスタイルで再現したテンプレート。
[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]
鮮やかな配色とフラットスタイルを採用した、トレンドを意識した管理画面用HTMLテンプレート。各ページも作りこまれていますよ。
[button_square color=”green” url=”http://www.almsaeedstudio.com/preview”] デモページ [/button_square] [button_square color=”red” url=”http://www.almsaeedstudio.com/”] ダウンロードページ [/button_square]
円チャートや棒グラフなどを表示したり、ウィジェットツールを充実させたHTMLテンプレート。ページ読み込みエフェクトなども素敵。
[button_square color=”green” url=”http://devoops.me/themes/devoops/”] デモページ [/button_square] [button_square color=”red” url=”http://devoops.me/”] ダウンロードページ [/button_square]
アイコンを要所に利用することで、より直感的な操作感を実現するダッシュボード向けHTMLテンプレート。
[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]
パネルを並べたようなレイアウトが印象的な、Windowsのメトロスタイルを再現したテンプレート。
[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]
BootstrapをベースにSassとCompassで作成された 、フラットスタイルのHTMLテンプレート。
[button_square color=”green” url=”https://github.com/lab2023/hierapolis”] デモページ [/button_square] [button_square color=”red” url=”https://github.com/lab2023/hierapolis”] ダウンロードページ [/button_square]
ダッシュボードだけでなく、ウェブアプリなどのドキュメンテーション、説明書的な使い方もできそうなレイアウト。Boostrap3までアップデートされていますが、デモページはBootstrap2.2.4を使用しています。
[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
アイコンを使いスッキリまとめられたナビゲーションメニュー、ヘッダーデザインが印象的な、清潔感のあるスッキリとしたデザインテーマ。
[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]
さまざまな機能を管理するダッシュボードは、すっきりシンプルとしたレイアウトが好まれる傾向があります。テーブル表記もすっきりです。
[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をうまく利用したページレイアウトがいくつも公開されています。
[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]
商用利用もばっちり可能なテーマで、余分なデザインを一切省いたミニマルスタイルが特長のHTMLテンプレート。ウェブサイト制作のスタートキットにも最適です。
[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]
9種類のカラースキンとテーマ素材に加えて、1000個+のアイコンや15種類以上のカスタムプラグインを実装した高機能テンプレート。
[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テンプレートをあつめています、こちらも参考にいかがでしょう。
参照元リンク : 15 Free Bootstrap Admin Themes – SpeckyBoy.com
投稿Bootstrapを利用した、ダッシュボード向け無料HTMLテンプレート素材15個まとめはPhotoshopVIPの最初に登場しました。