20 Creative Web Forms For Design Inspiration


I know lots of you love our design inspiration, so here is another dose of it. This time I have compiled together some creative web forms from around the internet. Included are contact forms, login forms, comment forms and a few others. I hope you enjoy the collection, and if you want to add anymore you have found be sure to drop us a comment.

Creative Web Form Resources

If you want to learn how to style your creative web forms like the ones below, and even add jquery effects and much more, then here are some resources I have wrapped up for you.

And without further ado, the creative form list. Remember to click on the images to visit the website.

Chris Wilhite Design


Chris Wilhite Design Creative Web Forms

Chris Wilhite Design is a furniture & cabinetry company dedicated to creating functional, timeless designs.


61Pixels Creative Web Forms

This dark, leather textured web form has a simple layout, the interesting effects being the ones that make it stand out.



Vimeo’s Log In form is simple and clean. The rounded corners from the input fields match the overall website’s design. Also, the colors chosen give it a soft look.

Nasi Briyani Lounge

Nasi Briyani Lounge Creative Web Forms

This is a nice example of a creative login form. Instead of redirecting you to a login page or showing directly a login form, this web form appears when the Login link is clicked.



Grooveshark has a simple, clean Login form with blue gradients. The upper part of the form is nicely designed, as there are two big buttons for SignUp and Forgot Your Password.

PSD Themes

PSD Themes Creative Web Forms

This is a very fun, unique form. The text on this login form is fun and friendly; not the ususal text you’ll find on this type of web forms.



Meebo has a multiple login forms area. They’re all designed in a very simple, user-friendly manner.


Bubblessoc Creative Web Forms

This pastel colored, girly contact form has a cute ribbon on top and a simple, basic contact form layout. It’s nice to use this kind of web form design on a personal blog with mostly female audience.

Five Cent Stand

Five Cent Stand Creative Web Forms

This is one great example of how a creative web form should look like. This unique web form has some really cool textures added to it and has a hand-drawn feel. The whole website is nicely designed.

Carbon Made

Carbon Made Creative Web Forms

CarbonMade has a rounded corners Sign In form. The oranges and blues go great together. It also has a nice, gradient effect.



Kgoule’s fun contact page has a dark contact form with rounded corners and embossed effect. The fonts used are a bit too large, though.


Oper(O) Creative Web Forms

This fullscreen photo background contact page has a very simple, transparent contact form. It goes well with the overall website’s design.


MailChimp Creative Web Forms

MailChimp has a simple, very user-friendly contact form. It also has a new, unique element – the Secure Login link.


Swfir Creative Web Forms

This is a super simple contact form with no special effects. The Submit button has a nice stroke effect and a subtle shadow.


Mixd Creative Web Forms

Mixd combines large typography with flashy colors on their contact page. A great combo!



UStream has a pop-up type of Login form. It’s pretty basic. Again, we see that blue shades are preferred when it comes to designing web forms.

Fused Hosting

Fused Hosting

This multiple login form is separated using tabs. The layout is basic and the Login button is the accent element in the design.

Battle Net

Battle Net

This is another nice login form. The orange gradient and subtle 3D effect added to the Log In button is a nice touch. It also has a notifications element at the top.


Growcase Creative Web Forms

Growcase is the portfolio website of a creative web and graphic designer. The website has some infographic-type elements which make it more appealing to the visitors.

Tuts Plus

Tuts Plus Creative Web Forms

TutsPlus has a clean, white & grey login form with dark orange accents. The design is simple and user friendly.

Recommended for you:

39 thoughts on “20 Creative Web Forms For Design Inspiration”

  1. The first one is really nice. And of course Fused Hosting (if your looking for a host I will always recommend them above anyone else).

    I like looking at how people have done theirs, then looking at mine.. haha.

  2. Web forms always give a professional edge to a site, and some of these are definitely up that alley, good information to know, thanks

  3. Nice forms around these days, sometimes I think its nice to get away from the standard rectangular input fields once in a while thou.


  4. free words of wisdom: don’t be tempted by the flashiness of teh fancy forms … if you have to be cross browser compliant. graceful degradation does not apply. your markup guys will hate you. 🙂

  5. We come across various login, contact and comment forms everyday and generally take them for granted. Your post will perhaps help some of us view them with a new perspective. Moreover, your collection is truly awesome especially “Unblab” and “Kgoule”. Thanks.

  6. Hi! your work is …..wow!! cant express my self just luv it if i want to learn how to do this things (basically designing/webdesigning) do i have to go to a classroom(because in kenya i dont think u will be taught this in class )?

    anyway will have to use ur tutorials for the time being

    i came across this form and its cool

    making it is the problem

    some help would be nice


  7. It’s really creative! some really thought has been put in to these designs! im so glad that i have come accross this becasue now it has made me think about chnaging my contact us form

    thank you

  8. I’m starting to get envious of how creative designers are, as a coder, I just cant be creative, blogs like this help a great deal though!

  9. Thanks. some good designs. Website login pages shouldn’t be so boring. Especially when they’re the front door to a website. Keep it clean and simple – can’t go wrong.

  10. Unlbab and Nasi Briyani Lounge are interesting . But thanks for sharing list of creative form which inspirated me.

Leave a Reply

Your email address will not be published. Required fields are marked *