Jul 11 2013

Summer 2013: The best HTML/PSD Themes & UI Elements of the Season

Advertisement

If you develop websites and your environment is not WordPress, you still don’t need to live your online life in visual darkness or hide beneath the sheets. We curated a list of awesome templates layered in HTML and CSS to make your work easier, and with a lot of different grooves to find the appropriate one for your web. Or, if you are you more confortable developing your own theme based on some pre-built elements, here is the inspiration you need to create an awesome theme or application. Starting with the PSDs  and UIs shown below, you can create your own awesome design. Take a look!

A. HTML/CSS Themes and Templates

HTML and CSS as basic as they are, have evolved a lot and certainly have a lot of potential that has not been explored yet. Every day new complex elements like menus, sliders, and even images, are created using only these two.  That is why we encourage you to see the potential of these two combined to make an awesome template for your web.

Strongly Typed: Responsive HTML5 Site Template.

Creator: HTML5 UP
Features: Built with SKELJS, a light framework to create responsive themes

strongly typed a responsive html5 site template

Infinite: This is a Small HTML/CSS Template for a Design Blog.

Creator: Nathan Brown
Features: Full width, responsive grid layout theme theme with a nice box position effect.

Infinite – A Design Blog Template HTML/CSS

Megacorp: Black and White Flat Business Theme.

Creator: HTML5Templates.com
Features: Minimal theme with several layouts available and desktop, tablet and mobile versions

Megacorp HTML Theme.

Photoartwork: This Template is Written Entirely in HTML5 and CSS3.

Creator: css3templates.co.uk
Features: Simple, fixed width and colorful template

PHOTOARTWORK HTML Theme.

zParalexy: Responsive Theme with Portfolio Page Made in HTML5 and CSS3.

Creator: Zerotheme.com
Features: Flat design responsive theme with custom page templates

zParalexy – Free Responsive Html5 Theme

Heavyindustry: Industry Inspiration Red Theme.

Creator: HTML5emplates.com
Features: Minimal red theme with several layouts available and desktop, tablet and mobile versions

heavyindustry HTML5 template

Zboommusic: Music Artist Inspiration Responsive  Black Theme.

Creator: Zerotheme.com
Features: Dark, flat responsive theme with custom page templates.

zBoomMusic – Free Responsive Html5 Theme

CSS3_gallery_garden: Simple Two Column Fixed Width Template.

Creator: css3templates.co.uk
Features: Fixed width, minimal theme with a built in accordion slider.

CSS3_gallery_garden template

Parallelism: Responsive Portfolio Site Template.

Creator: html5 up
Features: Full width template with a horizontal scrolling portfolio with lightbox effect

parallelism  a responsive portfolio site template

B. PSD Website Templates

Designers have an eye for what customers like in a website, and that is the reason why many developers use to look for a cool PSD to start working from, to ensure customers a great experience. These here are simply excellent PSD themes that you can use on your next project.

.Rufio: Multipurpose Responsive Template.

Creator: Rufio
Features: Flat design theme available in both PSD and HTML

Rufio Free Homepage PSD

Classic: Clean & Minimal Blog Design Template.

Creator: Designer First
Features: Clean and minimal PSD design with multiple page templates

Clean & Minimal Blog Design

Revenant: Blue and White Color Combination with Clean Grid to Display Your Products.

Creator: premiumcoding.com
Features: Flat PSD template with a light colors combination and a layout thought for businesses

Template home page

E-commerce: Template for Online Bookstore.

Creator: cssauthor.com
Features: PSD template with multiple pages and a layout specially made for ecommerce sites

E-commerce Template PSD

Portfolio: Template for the 3 Column Portfolio Page.

Creator: premiumcoding.com
Features: Flat design, light colors, and a services portfolio layout 

Portfolio page in 3 columns

Illustrate: Flat, Black and White Theme for Designers.

Creator: blazrobar.com
Features: Flat design, neuter colors and a simplistic grid layout 

Free Flat Design PSD Template

Webfolio: Minimal Portfolio Template with Mobile Version.

Creator: CSS author
Features: Flat design, a simple but prominent portfolio layout

Minimal Portfolio Template

C. Full GUI Packs

What developer does not like UI elements? These are excellent inspiration and give a good idea on how to show several elements  in a small space without losing harmony.

Crystal: Free Mobile Application UI Design in PSD.

Creator: CSS author
Features: Basic GUI including the design for the most essential elements for a mobile application

Mobile Application UI

Nexus 4 GUI: Android UI Design Kit PSD to Version 4.2.2.

Creator: Chirag Dave
Features: 768*1280 screen resolution GUI, elements are designed pixel perfect. 

Nexus 4 GUI psd

Window 8 Metro: 100+ Awesome Window 8 Metro Style Icon and  App GUI Kit.

Creator: Redesign Case
Features: Easily customizable 300 Dpi PSD Metro GUI including 100+ icons

Window8 Metro GUI

Metro Vibes: Modern Metro UI Kit That Will Help You Shape Your Website.

Creator: pixelkit.com
Features: Flat and colorful interface that covers not only the basics but also a high variety of functionalities

Metro Vibes UI Kit

iOS 7 GUI: Photoshop Template of GUI Elements Found in the Beta 1 Release of iOS 7.

Creator: teehanlax.com
Features: Flat GUI based on the beta version of iOS 7 including the essential elements to make a good application.

iOS 7 GUI PSD

Flat GUI: Amazing Set with More Than 500 Elements Totally Editable Files.

Creator: DesignShock.com
Features: Flat styled interface that includes 500+ elements and 100 Google style flat icons

Flat GUI PSD

iOS 7 UI Kit: Start Designing iOS 7 Apps Today with This Comprehensive GUI Kit.

Creator: MediaLoot
Features: Minimalistic and clean interface with a basic set of fully editable elements

Free iOS 7 UI Kit

Metro UI Kit: Metro Style Elements Collection.

Creator: tempees.com
Features: Colorful metro GUI that includes calendar, stats, chart, icons and more. 

Metro UI kit

Vertical Infinity: Mega Flat Style UI Kit in PSD.

Creator: CSS author
Features: Retina optimized, enormous flat interface with different styles for each element

Vertical Infinity

Minimal GUI Set: Huge Plastic GUI Pack with More Than a Thousand Elements.

Creator: wpthemegenerator.com
Features: Minimalistic GUI with  more than a thousand elements, fully editable and with commercial use allowed

Minimal GUI Set

Transparent UI: Full PSD Free Transparent Layered UI Kit.

Creator: blugraphic.com
Features: Transparent Interface with a glossy appearance effect

Transparent Ui Kit (Psd)

Flat UI Kit: Red  and Blue Flat and curvy UI Kit.

Creator: Zachary VanDeHey
Features: Light Interface with curvy style and threshold color effects

Flat Ui Kit

Ecommerce Flat: PSD Ecommerce UI Kit with Flat Design.

Creator: graphicsfuel.com
Features: Flat interface with all the necessary elements for an ecommerce application

Ecommerce Flat UI Kit

About the Authors

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, the largest icon repository with more than a million icons and WPthemegenerator, the online creation tool for WordPress and XTML themes.

(dpe)

About the Author

The jungle is alive: Be it a collaboration between two or more authors or an article by an author not contributing regularly. In these cases you find the Noupe Editorial Team as the ones who made it. Guest authors get their own little bio boxes below the article, so watch out for these.

Homepage

Comments and Discussions
  • Victoria Mudaraya, 11 July 2013

    Wow, your collection is great! I loved the e-commerce bookstore theme the most – the book shop that will use it will be exteremly stylish + easy to buy form

  • twittstrap, 28 July 2013

    Great article, thanks sharing.

search form
 
image description image description