プログラミング

プログラミング

カスタムしやすい無料で使えるBootstrap 4用のUIキット・管理画面(ダッシュボード)15選

speckyboy

Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web.

本記事は、15 Free Bootstrap 4 UI Kits
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

694 views

読了時間 : 約4分30秒

Bootstrapは、有名なデザインフレームワークのひとつです。なぜこんなに有名なのかと言うと、モバイルデバイスに最適だからです。それと、グリッドシステムが整理されていて、ウェブデザインのプロトタイプとデザインが楽にできるようになっているからです。

 

ここでは、15のBootstrapで使う、無料のUIキットを紹介します。デザインをし始めるときに使ってください。

 

無料のBootstrapテンプレート、無料のBootstrapテーマ、使いやすいBootstrapツール、ユーティリティ、ジェネレーター、プラグインも紹介しています。Bootstrapを使わないHTML5テンプレートもまとめています。

 

 

 

Argon – Free Dashboard UI for Bootstrap 4

 

 

もし、ダッシュボードのデザインをしているのなら、これが最適です。これは、100のコンポーネント、6のスクリーン、4つのプラグインがあります。

 

 

 

 

 

Shards – A High-Quality & Free Bootstrap 4 UI Kit

 

このBootstrap UIキットには、10のカスタムコンポーネントと2つのランディングページがあります。また、Material と FontAwesome にある1500のアイコンも使うことができます。

 

 

 

 

Drunken Parrot Lite Bootstrap 4 UI Kit

 

このキットは、HTMLでもPSDでも使えます。だから、カスタマイズが楽で、好きなように微調整できます。このキットは、容量が少なく、いろいろなコンポーネントとページがあり、デザイン工程にかかる時間が早くなります。

 

 

 

 

Now Free UI Kit forBootstrap 4

 

これは、Invision とCreative Timから無料で配布されている効果的なBootstrap 4キットです。50以上の機能と3つのテンプレートがあります。キットは、PSD、Sketch、HTMLのバージョンがあります。

 

 

 

 

 

Free Bootstrap 4 Material Design UI KIT

 

 

このキットは、モバイル用のウェブサイトやアプリを作りたい人に最適です。このキットには、400以上のマテリアルUIエレメント、600以上のマテリアルアイコン、74のCSSアニメーション、たくさんのテンプレート、チュートリアルなどがあります。

 

 

 

 

 

NowSquare – Free Collection of Bootstrap 4 Web Block.

 

この無料のBootstrapは、Bootstrap 4で作られていて、あなたのデザイン作業が加速します。キットは、キットの外でも作業ができ、カスタマイズが簡単です。

 

 

 

 

Froala Design Blocks – Over 170 Responsive Design Blocks for Bootstrap 4

 

 

このUIキットには、170以上のウェブやモバイルアプリに使える効果的なデザインブロックがあります。実施要項、プロフィール、コンタクト、ブロック、フォーム、ヘッダーなどに使えるブロックが見つかります。

 

 

 

 

 

Paper Dashboard – Free Bootstrap 4 Admin Template

 

もし、プロトタイプが必要で、ダッシュボードの管理をしているのなら、Paper Dashboardもおすすめです。このキットには、16の機能、4つのプラグイン、7つのデモページがあります。

 

 

 

 

 

Wrappixel – Free Bootstrap 4 UI Kit

 

この無料のUIキットは、いろいろなプロジェクトに使えます。17以上のブロックに25の素材と1つのランディングページがあり、プロジェクトをすぐに始めることができます。

 

 

 

 

 

Material Kit – Free Bootstrap 4 Material Design UI Kit

 

 

マテリアルデザインが好きな人は、このMaterial Kitが最適です。このキットには、60以上のUI素材と3つのデモページがあり、すぐに作業ができます。

 

 

 

 

 

Anchor – Free Bootstrap UI Kit

 

Anchorは、無料でフレクシブルなBootstrap UI キットで、UI機能が使えるようになっています。ウェブサイトを構築するのが早くなります。現代的でカラフルなデザインです。

 

 

 

 

 

 

Stream Free Bootstrap 4 UI Kit

 

これは、きれいで上品なBootstrap 4 UIキットです。このUIキットには、5つのきれいに作られたページと、20の再利用したりカスタマイズしたりできるUIブロックがあります。

 

 

 

 

 

 

Fire Free Bootstrap 4 UI Kit

 

 

Fire Bootstrapは、大胆なデザインで、印象的なデザイン素材です。99のUI素材と効果的なキットがあります。ウェブページにもモバイルアプリにも使えます。

 

 

 

 

 

Bootstrap 4 Startup UI Kit

 

もしウェブサイトのデザインをはじめようとしているなら、このBootstrap 4 Startup UI kitを試してみて下さい。このキットには、16のUIカードがあり、きれいで最小の形になっています。レイアウトを好きに作り変えることができます。

 

 

 

 

 

Free Bootstrap 4 eCommerce UI Kit

 

 

イーコマースのウェブサイトやアプリケーションを作っているなら、このキットを試してください。たくさんのアイコンや素材の入った、作業を始めるのに適したテンプレートがあります。

 

 

 

まとめ

 

Bootstrap 4は、きれいで印象的なウェブページを作るのに最適なフレームワークです。複雑なアドミンスクリーンへ最小のウェブサイトを作り始めるとき、Bootstrapのテンプレートなら、すべてのタイプのデザインに使えます。これら無料のBootstrapテンプレートから刺激を受けて、次のデザイン作りに役立ててください。

 

 

【セレキュトのおすすめpickup】
 
■クリエイターの実績、知識はあるけどいい仕事が見つからない方におすすめ!
 【レバテックフリーランス】
 ・案件数業界最大級、エージェントの理解が深い、発注額高、圧倒的低マージン、単価アップ交渉◎
 ・エンジニア勉強会の開催有り、就業後もサポート有り
 ・年収が上がったクリエイター多数
 ・案件)【Deep Learning】AIプロダクト開発の求人・案件/~900,000円/月 など
 ⇒レバテックフリーランスを見てみる
 
■今のクリエイター技術をもっと向上したい方におすすめ!
 【デジタルハリウッドSTUDIO by LIG】
 ・あのWeb制作のプロ集団「LIG」が運営の上野・池袋のWebクリエイター育成スクール
 ・6ヶ月で未経験からwebクリエイターへ、転職サポート◎
 ・映像教材はいつでもどこからでも受講可能
 ・LIG監修のオリジナル映像講座や特別LIVE授業など特典盛りだくさん!
 ・無料相談会受付中!
 ⇒デジタルハリウッドSTUDIO by LIGを見てみる

おすすめ新着記事

おすすめタグ