This Content is Brought To You
By The Divine Elemente

PSD to WordPress Theme Photoshop Plugin

Download Free » Learn More »

Today creation of website is not so complicated task as it was… lets say… 5 years ago. There are lots of CMS, Website builders, etc.

While developing a new WordPress theme we have found more than 100 web design tools and services, that simplify web site development greatly.

Below you’ll find a list of these tools, separated by category. Simply click on the area you’re working in to view the tools for that category.

Wireframe Tools

The most useful Wireframe and WYSIWYG tools for prototyping and generating website or mobile apps design.

PageLine DMS

Pageline DMS

New Drag&Drop design management system by PageLines

Easel

Easel

The most functional web design tool for prototyping in the browser

Divshot

Visual front-end prototyping tool for the Bootstrap, Foundation and more

PageLine DMS

Froont

Web tool for the designing responsive websites in the browser

Easel

Macaw

The code-savvy web design tool.

Moqups

Nifty HTML5 App used to create wireframes, mockups or UI concepts

PageLine DMS

Solidify App

Web design application for prototyping interface screens

Easel

POP App

Web app for creating interactive wireframes from the drawn sketches

Proto.io

Web design application for the mobile prototyping

CSS Grid Frameworks And Tools

Make sure that all website items are aligned to the grid. It will make more clean and professional look for your website. The next tools will help you with that.

Bootstrap

Bootstrap

Powerful front-end framework for the web development

Foundation

Foundation

The most advanced responsive front-end framework

UI Kit

UI Kit

A lightweight front-end framework for the web development

Cedvel

Cedvel

An application for designing grid systems

Golden Grid

Golden Grid

A folding grid for responsive design

34 Grid System

34 Grid System

Responsive grid system

Gridism

Gridism

A simple responsive CSS grid

RWD Grid

RWD Grid

It’s just another CSS grid system

Gridr Buildrrr

Gridr Buildrrr

Online CSS grid builder

Vital JavaScript Libraries and jQuery Plugins

To simplify JavaScript programming, there are lot of JavaScript libraries. Below you’ll find the most popular of them.

Modernizr Library

Modernizr Library

JS library that detects HTML5 and CSS3 features in the user’s browser

jQuery Library

jQuery Library

Most popular, fast, small and feature-rich JS library

Less.js

Less.js

JS library for the dynamic stylesheet language (LESS)

Leaflet Interactive Maps

Leaflet Interactive Maps

JavaScript library for mobile-friendly interactive maps

Bonsai Graphics Library

Bonsai Graphics Library

A lightweight graphics JS library with an intuitive graphics API and an SVG renderer

Popline HTML5 Editor

Popline HTML5 Editor

jQuery plugin.
HTML5 Rich-Text-Editor Toolbar

Jarallax

Jarallax

jQuery plugin.
Web based parallax scrolling

Spin.js

Spin.js

JS library that dynamically creates spinning activity indicators

Smint Sticky Menu

Smint Sticky Menu

JQuery plugin.
Sticky navigation menu

Color Generators

Tools that helps you to generate matching color schemes like never before

Adobe Kuler

Adobe Kuler

Color palette generator
by Adobe

Colourco.de

Colourco.de

Online designer tool, that allows easily and intuitively combine colours

Color Scheme Designer

Color Scheme Designer

A designer tool for creating color combinations that work together well

Color Blendy

Color Blendy

Blend colors with different modes like multiply, overlay, dodge

0 to 255

0-to-255 Tool

Simple tool that helps web designers find variations of any color

CSS Gradient Generator

CSS Gradient Generator

A powerful Photoshop-like CSS gradient editor from ColorZilla

CSS Generators

A list of CSS generators, which make the life of any web designer is much easier.

CSS3 Please

CSS3 Please

The cross-browser CSS3 rule generator

CSS3 Me

CSS3 Me

A fully customizable CSS3 generator

Long Shadows Generator

Long Shadows Generator

CSS3 long shadows generator by Juani

Layer Styles

CSS3 Playground

Web application for experimenting with CSS3 capabilities

Live UI Tools

Live UI Tools

Collection of free web applications to create UI elements

Layer Styles

Layer Styles

Open source CSS builder for shadows, backgrounds, and borders

Vector Icons And Icon Fonts

Icon fonts are lightweight, scalable, and this is the most clever way to use vector-based images on the web.

Font Awesome

Font Awesome

The iconic font designed for Bootstrap

The Noun Project

The Noun Project

Large icons collection that are created by designers around the world

Batch

Batch

A suite of 300+ icons for web and UI design

Ligature Symbols

Ligature Symbols

WebFont project to display the symbol with a ligature features

Endless Icons

Endless Icons

Free flat UI icons and other creative stuff

Other Icons

Other Icons

Free and sexy icons for your project

Font Socialico

Font Socialico

Package of 70+ social media icons.
Designed by Jelio Dimitrov

Font Forecast

Font Forecast

A web-font for creating multi-layered weather icons

Icon Bench

Icon Bench

Style, hand pick and download icons of your choice

Icons Search Engines

The icons search engines makes job of any web designer faster and also saves valuable time.

Icon Finder

Icon Finder

Search engine and marketplace for icons

Icon Archive

Icon Archive

Icons search engine with 450k+ free icons

Find Icons

Find Icons

Search through 410k free icons in 2k+ icon packs

Responsive Design Testing Tools

Do not forget to test your responsive websites while you design and build them. Next tools will help you with that.

Viewport Resizer

Viewport Resizer

Responsive design testing tool – it only takes 2 seconds

Screenfly

Screenfly

Test Your Website at Different Screen Resolutions

Screenqueries

Screenqueri.es

Test responsive designs across 60+ device viewports

Validation and Testing Tools

Website testing and validation are the must-to-conduct processes before making any website live. The next tools will help you with that.

Codifferous

Codifferous

Code review tool for busy developers

Simply Testable

Simply Testable

Automated front-end web testing

I Want To Use

I Want To Use

Check how many users can use your new feature

Design Feedback Services

The best ways to get quality design feedback.

Dribbble

Dribbble

Dribbble is show and tell for designers.

Behance Network

Behance Network

Showcase and discover creative work

Forrst

Forrst

A community where designers improve their craft

Proof HQ

Proof HQ

The fast, easy way to manage feedback and approval of creative projects

Prevue

Prevue

Concept sharing app.
A beautiful, professional way to present work

Red Pen

Red Pen

Simple web app that lets you upload a file and share it with clients

Design Collaboration Services

Collaboration service enables developers to add easily real-time collaboration and social capabilities to their applications.

Framebench

Framebench

A new breed of design collaboration.

Cage

Cage

Online design collaboration software for designers

In Vision

In Vision

Prototyping and collaboration for design teams

BaseCamp

BaseCamp

Project management software, online collaboration.

Sync Pad

Sync Pad

Real-time whiteboard collaboration

Notism

Notism

Free design team feedback and prototyping tool

Documentation Tools

A few easiest ways to create documentation for any project.

Daux.io

Daux.io

Сreate great looking documentation in a developer friendly way

Flatdoc

Flatdoc

Make open source documentation from “Readme” files

Documenter

Documenter

A way to generate documentation for authors of Envato marketplaces

Online Graphic Editors

A few graphic editors, that works online.

Photo Raster

Photo Raster

Advanced online photo editor

Method Draw

Method Draw

Web based SVG editor

Pixlr

Pixlr

Online photo editor

Inspirational Sources: PSD UI Kits

Fresh and free high quality PSD files of web UI kits

Flat UI Kit

Flat UI Kit

PSD UI Kit in a stunning flat-style

Ipad Retina PSD

Ipad Retina PSD

Full iPad GUI pack

Dzyngiri PSD Kits

Dzyngiri PSD Kits

Free clean and usable PSD UI kits

Sketch Mine

Sketch Mine

Sketch files from the design community

REDMILK UI Elements

REDMILK UI Elements

Free user iterface elements (PSD)

Popular UIs
By People

By People

The biggest bundle for web professionals

Premium PSDs

Premium PSDs

Amazing and unique web UI resources

Psddd - UI Kits From Dribbble

UI Kits From Dribbble

A collection of resources from Dribbble

Inspirational Sources: WordPress Themes

BlackSwan Theme

BlackSwan Theme

Versatile WP theme for any purposes

Avada Theme

Avada Theme

Most popular WP theme on the themeforest.net

Salient Theme

Salient Theme

Another great WordPress multipurpose theme

More Sources

Credit Links

This Content is Brought To You By The Divine Elemente

PSD to WordPress Theme Photoshop Plugin

Download Free » Learn More »
This page was created with the help of Twitter Bootstrap 3, Font Awesome and Flat UI Free by Designmodo

Read Also

  • Kennarock
    superb !!!. thanks buddy :D
  • Kishore Kankipati
    great thanks very much :) :)
  • bootstraptor
    Great resources! Don’t forget about Bootstrap Starter KIT v.2.0.- ready to use Bootstrap 3.0. layouts on http://www.bootstraptor.com
  • MK EDITIONS
    Merci pour cette belle recherche ;-)
  • TheTigerIsIn
    Just discovered your website and must congratulate you on its thoroughness and easy-to-navigate format. The content is superb and extremely useful. Thank you so much!
  • Jeff Wenzel ‏
    Great Post! Thanks for sharing, I would also like to add Proofhub in your list. Proofhub includes Gantt charts, notes, labels, subtasks, Timesheet and many more features. But the most important difference is that Proofhub is the 1st Project Management software that includes online proofing tool!