Bootstrap 4対応の無料Webテーマ「Now UI Kit」。Booststrapの有料/無料テーマを多数配布しているCreative Timによって提供されている素材で、Now UI Kitの場合は、無料(MITライセンス)でダウンロードすることができます。
説明によると、もともとPhotoshopやSketch用のテーマとしてInVisionが提供しているNow UI Kitを、Creative TimがHTML版として公開しているもののようです。
記事執筆時Bootstrapはv3が正式版ですが、このテーマは開発中のv4(Bootstrap v4.0.0-alpha.6)を利用してつくられているのが特徴となっています。
以下詳細をご紹介。
Now UI Kitのダウンロード
Now UI Kitは無料で提供されていますが、ダウンロードするにはCreative Timのアカウントを作るか、Facebook、Google+のアカウントを使用してログインする必要があります。
一端ログインすればその後now-ui-kit-v1.0.0.zipをダウンロードすることができます。
zipファイルにはテーマファイルの他、ランディングページや、ログイン画面、プロフィール画面のサンプルHTMLが含まれています。自分のWebサイトに組み込む場合、これを参考にしながら作業するとよさそうです。
▲ランディングページのサンプル。
Now UI Kitで利用できる部品
Now UI Kitの利用できるボタンや、各種コントロール、メニュー、ナビゲーション等はデモサイトで実際にWebブラウザを利用して確認することが可能です。以下主な部品を幾つか紹介します。
▲ボタンにはスタイルや、サイズ、カラーを設定することができます。
▲フォームで利用できるテキストボックスや、チェックボックス、ラジオボタン、トグルボタンなどもモダンな仕上がりとなっています。
▲カラフルなメニューやナビゲーションバー。
▲複数の情報を切り替える時に便利なタブ。
▲プログレスバー、ページング用の部品、ラベルなど。
▲通知に利用できる部品も完備しています。
まとめ
Now UI Kitは、Bootstrap 4を利用したWebサイト用のテーマです。
記事執筆時Bootstrap 4自体が正式版ではなく、そこに若干の不安を感じますが、Bootstrap 4の正式版がリリースされれば、それにあわせて更新される可能性はありそうです。
いち早くBootstrap 4に対応したテーマを使ってみたい方におすすめです。