Flat UI Pro Tutorial: How To Use LESS in the Creation of a Custom Mailbox


How To Use LESS and HTML to Create a Custom Mailbox

David East is back with another great video tutorial using components from Designmodo’s Flat UI Pro. In this video, he takes you step-by-step through the process of using LESS and HTML to create a custom mailbox section of a mail application.

In this video tutorial, you use components from Flat UI Pro and the steps from the previous videos in the Flat UI Tutorial series to use LESS to create simple forms, including sign-ins with a social network or email. In this video, you learn more about the creation of a custom mailbox and creating styles for the look of mail items.

The steps in the tutorial make it easy to set up settings from title menus to the look of mailbox features. In addition, the tutorial shows how to make simple design changes right from the browser so you can see the look of your app as you create it.

The tutorial is easy to follow if you have basic web design and coding knowledge.

Create a Custom Mailbox

What you will learn in this tutorial: Create a custom mailbox section for a mail application using LESS, HTML and styles from Flat UI Pro.

Video run time: 10 minutes


  1. Edwin Elia Jan 6, 9:42 pm

    Excellent tutorial as usual! Thank you!

  2. Patrick Jan 11, 12:31 pm

    Hi David

    I just purchased the Flat UI Pro PSD, and I am new in using Less Css.
    I tried to follow your tutorials (Setting and compiling less, Creation of custom mail box)

    How do I get the other Less files your using in the tutorials, how do I download the Source files for the tutorials?

    I will appreciate your help please

    • Adrian Jan 11, 3:52 pm

      Hi Patrick, you have to purchase HTML version of Flat UI. Flat UI HTML is ready made coded version of Flat UI PSD.

Leave a Reply

* Minimum length: 20 characters