Material Landing

A Material Design Landing Page Template

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 is 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 Features

Material Design

The template is designed using Material Design principles. We have given material design look and feel to the page elements, layouts and interactions.

Engaging Animations

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

Built with Bootstrap

We have used Bootstrap framework to build the template which makes it responsive as well as easy to customize and extend.

Easy to Understand Code

The template has an easy to understand and lightweight code which you can modify to suit your own needs.

Working Contact Form

We have included a working contact form which works without any server side code, thanks to the free service offered by Formspree.

Free Download

Use this template for free in personal sites by keeping the credit link in footer. Or, buy a license to use it without credit or for commercial purpose.


The template has been built using MDB UI Kit. We are using Roboto font in this website template and have sourced images from Pixabay. If you like this template, please don't forget to share!

Download Options


Must keep attribution link in footer, use in personal projects only. Get HTML, CSS & JS files.

Buy License

Use in personal or commercial projects without attribution. Get HTML, CSS, SCSS & JS files.
Secured Payment powered by Paddle



Material Design
Modern Landing Page Template
On-Scroll Animations
Working Contact Form
Easy to Understand Code
Material Design UI Kit
Paper Kit 2
Modern Bootstrap UI Kit

License Options

Create personal websites (with credit)
Remove credit link from footer
Stylesheet source files (SCSS)
Create single website
Create unlimited websites
Use in products that are sold
Use in SAAS products
Future updates
Support via e-mailNone6 Months6 Months1 Year
One-time fee for Lifetime License
DownloadBuy NowBuy NowBuy Now
Secured Payment powered by Paddle
More Templates by TemplateFlip
Material Portfolio

Material Portfolio

A Material Design Portfolio Template
Coming Soon

Coming Soon

Under Construction Template with Subscription Form
Start Simple

Start Simple

Landing Page Template for Startups and Small Business