Tools to Create Beautiful Forms

Formspiration Weekly

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 is the ultimate JavaScript form validation library. Easily validate forms from frontend.

Categories: form validation. Pricing: free


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

Categories: form validation. Pricing:


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 +)


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)


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


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

Categories: static sites, form endpoints. Pricing: Free


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


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

Categories: static sites, form endpoints. Pricing: Free


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


A lightweight semantic grid framework for Sass with Bourbon.

Categories: frameworks, SASS. Pricing: Free


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


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

Categories: frameworks. Pricing: Free


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

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


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

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

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:


Easily create forms as beautiful as you.

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


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


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)


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

Categories: codeless. Pricing: $34


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 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)


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

Categories: codeless. Pricing: $9/single form


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)