Tools to Create Beautiful Forms

Formspiration Weekly

FormValidation.io

Best jQuery plugin to validate form fields. Designed for Bootstrap 3/4, Foundation 5/6, Pure, Semantic UI, UIKit, and more.

Categories: form validation. Pricing: $50

Semantic UI

Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.

Categories: form validation. Pricing: free

Parsley

Parsley is the ultimate JavaScript form validation library. Easily validate forms from frontend.

Categories: form validation. Pricing: free

CSS-Tricks

A great article about form validation using only HTML attributes and CSS subterfuge.

Categories: form validation. Pricing:

Netlify

Form handling and so much more. CDN, Continuous deployment, 1 click HTTPS. From instant prototypes to huge global enterprises.

Categories: static sites, form endpoints. Pricing: free and paid ($9/month +)

Formspree

Functional HTML forms. Just send your form to Formspree's URL and it will forward to your email. No PHP, Javascript or sign up required — perfect for static sites!

Categories: static sites, form endpoints. Pricing: free and paid ($9.99/month)

Formkeep

From the creators of Bourbon. Form endpoints for designers and developers. No iframes, JavaScript embeds, or CSS overrides.

Categories: static sites, form endpoints. Pricing: Free and $39/month

Formbucket

Endpoints are just the beginning. Form handling and automation for web designers and developers.

Categories: static sites, form endpoints. Pricing: Free

Formsubmit

Simple backend for your forms in static sites. Formsubmit sends all your form submissions to your email. Coding ability optional.

Categories: static sites, form endpoints. Pricing: Free

GetForm

Simple effortless form processing. Form endpoints to manage the backend of your online webforms.

Categories: static sites, form endpoints. Pricing: Free

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Categories: frameworks. Pricing: Free

Material Design Lite

Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible.

Categories: frameworks. Pricing: Free

Bourbon

A lightweight semantic grid framework for Sass with Bourbon.

Categories: frameworks, SASS. Pricing: Free

Materialize

A modern responsive front-end framework based on Material Design.

Categories: frameworks. Pricing: Free

Material Kit

Material Kit is a Free Bootstrap UI Kit with a fresh, new design inspired by Google's material design.

Categories: frameworks. Pricing: $79

Kube

Minimalism and efficiency. Kube is simple yet beautiful, helping you focus on your goals, not on your tools.

Categories: frameworks. Pricing: Free

Wing

Wing is made for those smaller side projects, as it isn't as full featured as Bootstrap, Foundation, etc. Wing styles basic elements, comes with a grid, and some fading animations. Still, what more do you need?

Categories: frameworks. Pricing: Free

Hack CSS

The CSS framework for hackers. Inspired by markdown.css and zeit.co

Categories: frameworks. Pricing: Free

Mailchimp's Pattern Library

The MailChimp Pattern Library reflects their move to a more responsive, nimble, and intuitive app. Mailchimp has worked to distill most of the MailChimp interface into a set of atomic pieces to speed up workflows and solve some internal communication problems.

Categories: pattern libraries. Pricing: Free

Lightning Design System

Lightning Design System is Salesforce's platform-agnostic CSS framework/pattern library.

Categories: pattern libraries. Pricing: Free

Survicate

The fastest way to collect feedback from customers. Leverage unobtrusive targeted website surveys to improve conversions.

Categories: surveys. Pricing: free and paid ($50/month+)

Prototypr.io

How conversational interfaces are making data collection more human.

Categories: form design. Pricing:

Flat UI and Forms

This article is about two important four-letter words that start with “F” - “flat” and “form.”

Categories: form UX. Pricing:

The 10 Commandments of Good Form Design on the Web

These should be written in stone somewhere. By Johan Ronsse.

Categories: form UX. Pricing:

On Styled Form Elements

Categories: form design. Pricing:

The New Rules of Form Design

Prioritize scannability, provide effortless formatting, limit typing, leverage location.

Categories: form design. Pricing:

7 Common Web Form Design Mistakes to Avoid

Best practices of form design.

Categories: form design. Pricing:

paperform

Easily create forms as beautiful as you.

Categories: codeless, form builder. Pricing: $9-$29/month

Typeform

Build beautiful, engaging, and conversational online forms, surveys, quizzes, landing pages, and much more with Typeform.

Categories: codeless, form builder. Pricing: Free and paid ($35/month)

Gravity Forms

Gravity Forms allows you to quickly and easily integrate with a variety of third party services such as PayPal and provides for even deeper integration with WordPress through our collection of optional Add-Ons. Hot stuff!

Categories: codeless, WordPress. Pricing: $39/year

Ninja Forms

The easiest and most flexible WordPress form builder.

Categories: codeless, WordPress. Pricing: free

WuFoo

Building online forms can be hard. Wufoo makes it easy. Our form designer can help you create contact forms, online surveys and invitations so you can collect the data, registrations and payments you need.

Categories: codeless, form builder. Pricing: Free and paid ($14.95/month)

Zoho Forms

You can use form rules to create tasks and send emails from Zoho when forms are filled out, or used its integrations to add form data to Zoho CRM, Zoho Creator and more.

Categories: codeless, CRM. Pricing: free

PlanSo Forms

The easiest and fastest way to create high converting lead capture teasers. Professional Forms easy as 1-2-3, it has never been easier to create professional online forms.

Categories: . Pricing: free and paid ($29)

Cognito Forms

Create online surveys, order forms, registration forms and more. For free.

Categories: codeless, form builder. Pricing: free and paid ($10/month)

Device Magic

Device Magic makes it easy to create and distribute mobile forms to teams and devices. Our online web-based custom form builder makes it easy to create mobile forms that collect exactly the data you need—then connect a smartphone.

Categories: codeless, mobile forms. Pricing: free and paid ($20/month)

Formidable

A powerful form builder for Wordpress. Forms made powerful, easy, extendable.

Categories: codeless. Pricing: $34

FormAssembly

No faster way to build web forms online and start collecting the data that matters to you.

Categories: codeless. Pricing: free and paid ($28/month)

FormDesk

Formdesk lets you design your own online forms such as application forms, registration forms, order forms and surveys. You can place these forms on your internet or intranet site, or use them for e-mails or social media.

Categories: codeless. Pricing: free and paid (€49/year)

FormBakery

Build professional forms easily and export ready to use code in a snap.

Categories: codeless. Pricing: $9/single form

FormStack

Powerful, time-saving solutions for every team. Formstack is the only solution you need to manage information across your entire organization.

Categories: codeless. Pricing: free and paid ($39/month)