sounansa.net

サクッとログイン画面だけ作りたいけど、それなりに見栄えのするデザインで、且つマルチデバイス対応しようと思うと、そこそこ手間は必要になります。

非デザイナーさんにはログイン画面ごときに手間かけたくないという思いはごもっとも。さらには、わざわざログイン画面のためにCSSフレームワークを入れることに抵抗があるケースも多いでしょう。

そこで、すぐに使えるログイン画面のHTMLテンプレートをまとめてみました。

Flat Responsive Form using CSS3 & HTML5

Login Form

Login Form 1

HTML5 Form Validation

Flat Form

Simple flat login form

perspective form

A nifty little login form

Simple Sign In Form

Simple Form with Icons

Login form

Elegant Login Form

Dark Login Form

Dark Batman CSS3 Login Form

Slick login form with HTML5 & CSS3

Apple-like Login Form With CSS 3D Transforms

Modern Login Form

Login form – html and css

Basic Login Form

Clean login form

有料テンプレート

番外編として有料のテンプレートも少しご紹介します。
いざ、実装となるとログインだけじゃなく、新規登録とかパスワードを忘れたときの画面、2段階認証用の画面とか、意外にいろいろと画面が必要になるので、一通りそろっている便利な有料テンプレートを選択するのも悪くはないと思います。

Oxyy

18種類のデザインがセットになっています。価格は$12です。

Authfy

8種類のデザインがセットになっています。レシポンシブデザインになっています。価格は$14です。

Logdy

35種類のデザインがセットになっています。価格は$10です。