Vuestic AdminはVue.jsベースのオープンソースな管理画面テンプレートです。40以上のUIコンポーネントも同梱されています。 コンポーネントを含むレイアウトは完全なレスポンシブ対応となっています。管理画面系のコンテンツによく必要とされるコンポーネントは概ね揃えられているので、1から作るよりはかなり工数を減らせそうです。 細かい部分のサポートの充実 更にVuestic AdminはJSONファイルによる他言語化対応、MEDIUMライクなテキストエディターの搭載など、ユーザーフレンドリーな設計となっています。 細かい部分もサポートしてくれているのは嬉しいですね。これだけ揃っても完全にOSSなのは貴重かもです。 ライセンスはMITとの事です。 Vuestic AdminOn Github

tablerはBootstrap 4ベースのシンプルなUIの管理画面テンプレートです。多くの場合は左カラムにメニューを配置するケースが多かった気がしますが、こちらは上部に配置されていますので操作性よりは視認性に優れている印象でした。システム全体はモジュール式となっているので必要なコンポーネントを追加する形を取れるため、軽量化しやすく設計されています。また、CSSで出来る部分はCSSで施工している点も高速化を意識したものだそうです。OSSとして公開されており、ライセンスはMITとなっています。 tabler

GridboxはBootstrapやFoundationに対応のテーマビルダーです。無料で利用可能で、ドラッグ&ドロップでコンテナを追加、index以外の別ページの作成、細かなデザイン設定、RWDのプレビュー確認機能、などもついています。 また、URLが発行されるのでプロトタイプを第三者に確認して貰うこともできます。勿論、任意の画像のアップロードやサンプルとなるテーマをフォークして施工する事も可能。コンポーネントも大量に用意されていおり、いずれもD&Dで追加できるようになっています。 さらに、HTML/CSS/JSのコードを直接書いて編集できるコードエディタ機能も付いています。高性能なので多少時間的な学習コストはかかりそうですが、ここまで作りこめて無料なのは凄いなぁという印象でした。 唯一、ちょっと不安なのはビジネスモデルが謎な点ですかね・・有料プランも無いようですし、ベータ版でも無いよう

ShardsはBootstrap 4用のモダンで軽量なUIキットです。ナビゲーションやツールチップ、フォーム周り、モーダルウィンドウやバッヂ、アラート、ボタン、カードなどのコンポーネントが揃えられています。これらのUIの為のCSSは圧縮版で12KBほどと軽量ではありますが、Bootstrapベースなので軽量と言えるかは判断が分かれそうです。Bootstrapらしい綺麗なスタイルで良いんじゃないでしょうか。ライセンスはDRLという独自ライセンスの元で配布されているので利用の際はご確認ください。個人的にBootstrapはほとんど使わなくなっちゃいましたけど便利なフレームワークには違いないので機会があればまた利用したいです。 Shards

CoreUIはBootstrapベースのUIフレームワークです。レスポンシブな管理画面の基礎を用意してくれており、開発スピードを補うものとして公開されています。各コンポーネントも揃えられており、キレイめで見やすい印象でした。 ライセンスはMIT。 CoreUI

Modular AdminはBootstrap 4ベースの管理画面テンプレートです。すっきりしたデザインで見やすい印象でしたのでメモ。ボタンやカード、アイコン、テーブルやチャートなどのUIも揃っています。ライセンスはMIT。 Modular AdminExample

HTMLPreviewはGithubやBitBucketで各ユーザーに公開されているHTMLファイルをプレビューする為のブックマークレットです。例えば、本ブックマークレットがGithubで公開されているソースコードのうち、index.htmlは https://github.com/htmlpreview/htmlpreview.github.com/blob/master/index.html で確認出来ますが、ここで本ブックマークレットを起動すれば実際にWebページとして表示される状態をプレビューする事が出来る、というもの。地味に便利。 HTMLPreview

GitBookはMarkdownを電子書籍化してくれるWebツールです。Markdown記法で書いたドキュメントをePubやPDF等のフォーマットにコンバート、電子書籍として販売する事が出来ます。Githubとの連動も可能のようです。有料/無料のプランがありますが、本ツール自体もApache 2.0ライセンスの元、OSSとしてソースコードが公開されているようです。 GitBookOn Github

BootcardsはBootstrapの為のカード型UIフレームワークです。カード型UIとは最近TwitterやGoogle等が提唱し始めたスタイル（？）です（参照：Twitterカード、Google Now カード）。今まで普通に触れていたUIに名前が付いただけのような気もしますが・・ｗ　カードUIに関しては Inside Intercomで記事が書かれていたので合わせてご参照下さい。このカードUIにBootstrapで対応出来るようにする、というUIフレームワークになります。モバイルとタブレットファーストな印象で個人的には割と好きでした。ライセンスはMITとの事。 Bootcards動作サンプル

HubPress.ioはGithubページを使ったブログを構築出来るツールです。本ツールをフォークしてGithubページ上に展開すればいいみたい。セッティングはconfig.jsonを編集してくれとの事です。どれくらい需要があるかは分かりませんが面白い試みですね。インストール手順はGithubに細かくかかれていますのでご参照下さい。ライセンスはMITとの事。 HubPress.io

lollytinはBootstrapのひな形を手軽に作成できるツールです。大まかな型をドラッグ&ドロップで作成、コードを発行してくれます。1から作るよりは1を作ってくれるツールを使う方が工数稼げる、みたいな使い方になりそうです。個人的にはBootstrapの使用頻度は高くないので使うかどうか分かりませんが需要は高いかもですね。 lollytin さて、今年はこれで最後の更新です。来年は5日あたりから更新再開致します。 今年も大変お世話になりました。来年も宜しくお願い致します。

Livedownは各エディタでMarkdown記法を使う際にリアルタイムプレブビュー機能を付加するプラグイン。VimやSublime text、Emacsなどのプラグインが用意されています。Markdownを書く機会が多い方には便利そうですね。ライセンスはMIT。 Livedown

Lime TextはOSSとして公開されているSublime Textクローンのテキストエディタです。もともとSublime Text愛用者さんだったみたいですが、Sublime Text開発陣にユーザーとして不安を感じ、自作に至ったそうで、本ツールのゴールを明示しています。100％オープンソース、Textmate互換、クロスプラットフォームなどを意識しているようですね。今後が楽しみです。ライセンスは二条項BSDライセンスです。 Lime Text

GRAVITはパワフルで先進的なベクターデザインアプリです。現在デスクトップアプリだけでなく、ブラウザ版が無料公開されています。なかなかの機能性という印象です。ぱっと見、個人的には苦手なUIでしたが、見た目より扱いやすそうです。デスクトップアプリの方はGithubからダウンロード可能です。 GRAVITOn Github

PrepBootstrapはBootstrap向けのテーマや少し特殊なUIコンポーネントをまとめているWebサイトです。UIは不動産サイト向けのちずのリストのレイアウトやECサイトの商品紹介のレイアウト、ログインページ、簡易的なダッシュボードや値段表などなど沢山のコンポーネント例が掲載されています。テーマはまだ6種ほどしかありませんが、管理画面デザインもあるので覚えておいて損は無さそうです。ライセンスはMITとの事です。 PrepBootstrap

NexusUIはWeb Audioの制御や他アプリケーションへのOSCデータの送信等が可能な、Webブラウザ向けのオーディオUIを設計する為のJSライブラリです。モバイルフレンドリーに作られているとの事です。名前はこんなですが、Google Nexusと何か関係があるわけでは無い・・・のかな。その辺はよく調べてないです。ライブラリはjQueryに依存しているみたい。主にラピッドプロトタイピング、Maxとの統合に重点を置いているそうです。動作デモも多数用意されていますのでご興味のある方は触ってみて如何でしょうか。ライセンスはBSDです。 NexusUI

Stitchesはオープンソースとして公開されているHTML5製のCSSスプライトジェネレーターです。画像をアップロードし、配置を決めてDownloadsをクリックすればコードとプレビューが表示される、というシンプルなもの。jQueryとModernizrに依存した作りのようです。MITライセンスの元で公開されています。 Stitches

CascadeはBootstrapベースの管理画面を構築する為のテンプレートです。派手な装飾もなく、全体的に管理画面デザインとしてとても良さそうな印象を受けました。デモもあるので興味のある方は触ってみては。 Cascade

Bootstrap 3 UI KitはBootstrap 3のUIキットです。ベクターデータで配布されています。コンポーネントやアイコン、テーブル等が揃っています。サンプル画像もありますのでチェックしてみては以下がでしょうか。 Bootstrap 3 UI Kit

Twitter Bootstrap向けのUIキットを配布するプロジェクトが素敵だったので備忘録。何種類か用意されており、どれもクオリティの高いものとなっています。 Bootstrap向けのUIキット集です。 Bootstrap用のUIキットです。デザインも複数用意されています。こちらはフラットなデザインのタイプ。 ↑ ちょっと優しい色合いで可愛いです。 ↑ ポップなデザイン。 ↑ スタイリッシュなもの。 ↑ ナチュラルなテイスト。個人的に一番好きです。 ↑ メトロなスタイルなどなど。 こんな感じで現在7種ほど、Githubにて配布されています。参考になりそうですね。 PixelKit-Bootstrap-UI-Kits