Now UI Kit - Bootstrap 4対応の無料テーマ

S 20170611 112409

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をダウンロードすることができます。

S 20170611 121105

zipファイルにはテーマファイルの他、ランディングページや、ログイン画面、プロフィール画面のサンプルHTMLが含まれています。自分のWebサイトに組み込む場合、これを参考にしながら作業するとよさそうです。

S 20170611 114548

▲ランディングページのサンプル。

Now UI Kitで利用できる部品

Now UI Kitの利用できるボタンや、各種コントロール、メニュー、ナビゲーション等はデモサイトで実際にWebブラウザを利用して確認することが可能です。以下主な部品を幾つか紹介します。

S 20170611 112423

▲ボタンにはスタイルや、サイズ、カラーを設定することができます。

S 20170611 112442

▲フォームで利用できるテキストボックスや、チェックボックス、ラジオボタン、トグルボタンなどもモダンな仕上がりとなっています。

S 20170611 112456

▲カラフルなメニューやナビゲーションバー。

S 20170611 112518

▲複数の情報を切り替える時に便利なタブ。

S 20170611 112525

▲プログレスバー、ページング用の部品、ラベルなど。

S 20170611 112532

▲通知に利用できる部品も完備しています。

まとめ

Now UI Kitは、Bootstrap 4を利用したWebサイト用のテーマです。

記事執筆時Bootstrap 4自体が正式版ではなく、そこに若干の不安を感じますが、Bootstrap 4の正式版がリリースされれば、それにあわせて更新される可能性はありそうです。

いち早くBootstrap 4に対応したテーマを使ってみたい方におすすめです。

スポンサーリンク