The Incredibly Detailed Free Flatty UI Kit (Photoshop PSD)

Finish Design Projects Quickly

The incredibly detailed and free Flatty UI kit, created by Mahmoud Baghagho, has been designed as a time-saving template for designers that are stepping into flat design for the first time.

The UI kit comes in PSD format, with everything you see in the preview below completely customisable and every element clearly named and organised neatly into folders.

Free Flat Social Icon Set Preview

Click on the preview below to view the full-size version.

Flatty UI kit Free Flat UI Template

Preview the Details

Flatty UI kit Free Flat UI Template widget tabs details

Flatty UI kit Free Flat UI Template widget contact details

Flatty UI kit Free Flat UI Template details menu nav

Download & License

Download this Freebie!

You are free to use the Flatty UI Kit in both your personal and commercial projects.


  • That’s awesome! I shared this UI kit on my own site today, LOL. It is really awesome though.

  • Anish Kumar

    Hey I am sorry i am new to Dev of Websites I have a Project for which i think this would be Perfect….,
    But i dont knw how to use this psd format and transform into a webpage….
    need HELP!!!!

  • Bruno Moreno


  • This is one of the best UI Kits I’ve ever seen! Thank you to share!

  • Sudheer Salavadi

    If u want to this stuff in your designs, use. Take a designer help if u don’t know Photoshop. Transforming it to webpage? Its not something anyone can explain and you can do it in in mins or hours. I suggest you to hire a freelance web developer.

  • Anish Kumar

    Thanks buddy…. is there any way or Tut’s from where i can learn, and i don’t want to hire anyone i want to be Hired… & learn too

  • Sudheer Salavadi

    lynda (Paid but you can try for a week), tutsplus ( Free site to learn HTML and CSS). Last but not least Youtube ( You can learn Photoshop from scratch there are many channels available on youtube.)

  • Nothing special…