Material Landing is a free material design landing page template built with the MDB UI Kit and Bootstrap framework. It has a clean material look which is ideal for creating conversion optimized landing page for a product or website of an agency or a company.

The landing page features a full screen background image with gradient overlay with a call to action button placed in the header. It also has action buttons for displaying an intro video to your visitors or to allow them to learn more about your product/company.

We have included sections designed in material design for displaying your product/company’s features, best projects, pricing plan as well as team members. You will also find eye-catching on-scroll animations being played on the landing page which increases user engagement.

The contact form included with the template works without any server side code as it is integrated with Formspree which a free service. All you need to do is change the email address in form’s action URL and you will start receiving e-mails from contact form submissions. (You may need to verify your e-mail with Formspree first).

The template is completely responsive and displays well with all screen sizes including mobile devices. Thanks to the MDB framework, you will find it easy to customize or add sections to the template. You can refer to the MDB documentation for more examples of sections and components that you can include and customize in the template.

Template built with MDB UI Kit
Fonts used: Roboto
Images: Pixabay


Material Design

The template is designed using MDB and Bootstrap 4 framework which offers material design look and feel to the page elements, layouts and interactions.

Modern Landing Template

A landing page template featuring modern typography  and layout in material design colors which can be customized using the MDB UI Kit.

On-Scroll Animations

The template has subtle animations that get played on user scroll, increasing the engagement of your website visitor while leaving a lasting impression.

Working Contact Form

Thanks to the free service offered by Formspree, the template has a working contact form without the need of server side code.

Easy to Understand Code

The template is based on Bootstrap and MDB, it has an easy to understand code which you can modify to suit your own needs.


The template is provided to you at no cost. It’s CCA3 licensed and you are free to do any modification to it as long as you provide credit to

Download Options

Free Download

  • Must keep backlink in footer
  • Use in personal projects
  • Source SCSS files
  • Support via e-mail
  • CCA3 license

Buy License

  • Remove footer backlink
  • Use in personal or commercial projects
  • Source SCSS files
  • Support via e-mail
  • Premium license

Share this →

Leave a Reply

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