Juan Pablo Sarmiento May 15th, 2014

HTML, CSS, PSD and More: 23 Free Design Resources from May 2014

The show must go on. Dedicated to the needs of any designer and developer out there, we here at Noupe maintain a handful of monthly series, bringing you the best and freshest resources available in a few comprehensible posts. Today we continue with our very popular series on design resources. Our favorite this month is Foto, an enhanced photography portfolio template in HTML. As always, there should be something for everybody. If you're a first-time visitor to this series, scroll down to the bottom of the post where we have neatly listed all the already published parts of our monthly collection.

One important information before you read on: All the following elements are freely usable, though some will require a registration to download.

Section #1: HTML/CSS Templates

For the non WordPress users, this section has a small list of HTML templates for the front face of your website, containing beautiful and crafted pieces of work, providing a very professional look

Variety: Portfolio Template Built with Bootstrap

Variety HTML template


Created by/for: w3layouts
Features: Multipurpose design, built with bootstrap, responsive

Twenty: Minimal Landing Page Template

Twenty HTML template

Created by/for: html5up.net
Features: Responsive, full width layout

Foto: Photography Portfolio Template

Foto HTML5 template

Created by/for: Pixel Hint
Features: 3 fully coded pages, built with HTML5

Yolk: Flat Ecommerce Template

Yolk Ecommerce template

Created by/for: w3layouts
Features: Twitter Bootstrap, responsive design

Section #2: PSD Templates

Wave: One Page App Template

Wave PSD template

Created by/for: Andreas Grafen
Features: One page template, minimal design

Made by Jack: Modern Portfolio Template

made by Jack PSD template

Created by/for: madebyjack.co.uk
Features: Clean and flat design

Altair: Modern PSD for Creatives and Agencies

Altair PSD template

Created by/for: Aldrin Nolasco
Features: Easy to customize, organized layers

MyJourney: PSD/HTML Minimal and Beautiful Template

MyJourney PSD template

Created by/for: Pixel Hint
Features: Gallery grid layout

Journal: Personal Blog Site Template

Journal PSD template

Created by/for: Alexandre Naud
Features: Full width layout, organized layers

Magnetic: Pixel Perfect Photography

Magnetic PSD template

Created by/for: Pixel hint
Features: Pixel perfect design, organized layers

Productive.ly: Homepage Concept of Productivity App

Productive.ly PSD template

Created by/for: Noah Zwillinger
Features: One page design, organized layers

Starnight: Flat Landing Page in Pastel Colors

Starnight PSD template

Created by/for: Blaz Robar
Features: One page template, flat design

Canva: Newsletter Template in PSD

Canva PSD template

Created by/for: Themecurve
Features: Multipurpose template, clean layout

Section #3: UI Interfaces

Facebook Messenger: iOS Chat UI

Facebook messenger

Created by/for: Sanjay Patel
Features: 3 layouts, iOS 7 flat design

Wiredima: UI Elements for Wireframing

WireDima GUI

Created by/for: Pixel Dima, Adel Tahri, Ahmed Bensalah
Features: Organized Layers, several UI elements

Carbon: Black Web Elements UI Kit

Carbon UI

Created by/for: Tech & all
Features: iOS 7 style, several UI elements

Colorz: Plain Bold UI Kit

Colorz UI kit

Created by/for: w3layouts
Features: HTML5 architecture, responsive design

Metro Food: Glossy and Bold UI

Metro Food UI

Created by/for: w3layouts
Features: HTML5 architecture, responsive design

Superminimal: Dark Sober Interface Elements for Mobile

Superminimal UI

Created by/for: Satya Kumar
Features: Organized Layers, flat design

Gold UI Kit: Smooth IOS User Interface

Gold UI

Created by/for: Tintins
Features: GUI for iPhone gold, organized layers

Ultra: Flat Dashboard UI Kit

Ultra UI kit

Created by/for: Mushfiq Islam
Features: Flat design, organized layers

Quest: 5 Screens of a Quests App Concept

Quest UI kit

Created by/for: Olia Gozha
Features: 5 phone game screens, iOS 7 style

New York UI Kit: Round-corner Colorful Interface Widgets

New York UI kit

Created by/for: Tech & all
Features: Web interface elements, flat rounded design

More Parts of our Monthly Series of Fresh Design Resources

Did you just recently find out that we publish quality resources on a monthly basis? Are you looking for more of that great stuff? The following list has you covered.


Juan Pablo Sarmiento

The shock family is a group of web enthusiasts, designers and developers dedicated to the creation of all kinds of resources for the web. They are well-known for their various projects, such as themeshock, a site with quality WordPress themes and useful freebies, iconshock, one of the largest icon repositories with more than a million icons and WPthemegenerator, the online creation tool for WordPress and XHTML themes.


  1. Beautiful minimal collection! I am fond of the New York UI Kit: Round-corner Colorful Interface Widgets and the Superminimal: Dark Sober Interface Elements for Mobile.

Leave a Reply

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