Conversion of PSD designs to WordPress can be done in many different ways as you saw in our comprehensive tutorial. You can either start from scratch or use a starter theme or even using a good base theme and page builder.

Also there are a lot of other good articles and videos on this topic on the internet that you might like to checkout.


So we built this page to share with you all the resources, articles and videos that we could find to help you speed up your PSD to WordPress conversion process.

CSS Frameworks

Some of the top CSS frameworks to start with if you prefer to create HTML first and do it with Method 1 explained in the tutorial.

  1. Bootstrap - Most popular CSS framework
  2. Foundation - Second most popular CSS framework
  3. Materialize CSS - CSS framework by Google
  4. Semantic UI - CSS framework for sleek, flat, and subtle look.
  5. Bulma - Flexbox based open-source CSS framework

WordPress Starter Themes

Following are some of the most popular starter themes if you'd like to jump straight into the development using a boilerplate kind WordPress theme.

  1. Underscores - starter theme from WordPress
  2. Understrap - combination of Underscore with Bootstrap
  3. WP Bootstrap Starter - another starter theme based on Bootstrap
  4. Sage - starter theme for modern development workflow.
  5. JointsWP - good starter theme based on Foundation
  6. Genesis - very mature and powerful theme

WordPress Themes for Page Builders

If you decide to build sites using page builder, you have a lot of very powerful themes in the market that gives a good base for any page builder based WordPress site.

  1. Astra - absolutely powerful, extremely lightweight theme. Great for page builders.
  2. WP Page Builder Framework - another powerful, yet light weight theme
  3. Divi - very popular theme from Elegant Theme for the Divi page builder
  4. GeneratePress - another lightweight and powerful theme for page builders
  5. OceanWP - multi purpose WordPress theme
  6. Beaver Builder Theme - highly integrated theme if you plan to use Beaver Builder

Page Builders

Following are the top 3 most popular page builders in the market.

  1. Beaver Builder - developer friendly, clean interface, used by millions
  2. Elementor - lots of features, again used for millions, great for designers
  3. Divi Builder - works great with Divi theme, is flexible and clean interface.

Other PSD to WordPress Articles and Videos

  1. 5 Easy Steps to Convert a PSD to WordPress Theme (Bootstrap) - by Collective Ray
  2. Technical Guide to Converting PSD Templates to WordPress Themes - by Sagipl
  3. Convert a PSD to WordPress Theme - by Export Kit
  4. How to Convert PSD to WordPress — the Quick & Easy Way - by Ram Shengale
  5. [Video] PSD to WordPress Tutorial #1 - Introduction - by The Net Ninja
  6. [Video] Convert PSD to WordPress Theme - by Education Ecosystem

There you go. Those are some of our hand picked themes, plugins and tutorials to help you convert your PSD designs to WordPress website. Do make sure to also checkout the best PSD to WordPress services we've reviewed.