30 Stylish Login & Signup Form Elements

Often, the boring, utilitarian parts of web design – such as search boxes, pagination or progress bars – can be overlooked. They say it’s the little things that matter, and neglecting these elements can really hurt the overall user experience.

The same goes for login and signup forms. They are simple, necessary, and easy to create. After all, it’s just a box, right? But hopefully this collection of login forms done right will show you the importance of good design even when it comes to forms, because a little thought and effort goes a long way.

Stylish Login Box

Clean Login Form

Clean Newsletter Signup

Circle Login Form

Dark Login

HTML5/CSS3 Login Form

Clean Registration Form

Minimal Login UI

Tiny Sign In

Login Window Lite

Metal Login Form

jQuery Dropdown Login

Fresh Login Page

Light Text Input Form

HTML5/CSS3 Registration Form

Form UI

Simple Light Form Elements

Simple Form Elements

Form Goodness UI Kit

Login Form PSD

Clean & Simple Login Form

Paper Login Form

Form Element States

Login Form UI Element

Login

Login Form

Simple Login

Form Elements

More Form Elements

Form Elements for Web App

So whether you decide to keep your forms clean and simple, or you want to get a bit more creative, take inspiration from this collection.

Please share your favourite form element designs, and your thoughts about those shown here, in the comments below.

Looking for freelance design work?

Find graphic design contests and logo design jobs at DesignCrowd.