WordPress Material Design

WordPress + Material Design = 

Material Design for Contact Form 7 allows you to add Google’s Material Design to your WordPress forms.

Material design provides guidelines for the look AND interactivity/animation of your forms. Try the example below to see the animations in effect.

Example Contact Form

Boxed fields

The new material design default style for text inputs and selects

Outlined fields

Outlined select and text fields with a neat little notch for the floating label

Checkboxes, radios and switches

With multiple layout options: inline, stacked or columns


PizzaSteakBrussel SproutsCake

Maximum thrustFull throttleLow range

Auto-expanding textareas

And one of three button variants

Material Design for Contact Form 7 is a free WordPress plugin that makes your regular contact forms more stylish and interactive. You do NOT need a Material Design theme to use this plugin, the styles and interactions work well with any theme.

Take a look around. Play with some forms, look through the demos, read some of our articles, then go ahead and install the plugin. It’s free, and you can install it the same way you install any plugin – just search for “Material Design for Contact Form 7” from your “Plugins” > “Add New” screen in WordPress.

There is also a premium version of the plugin that offers some extra functionality, but we recommend starting with the free version to see if it satisfies your needs.