Resource

runnable

http://runnable.com/

Full-stack code anyone can run from their browser.

visit

Launchr

https://launchr.com/

Test your favored Open Source Software with LAUNCHR in a hosted environment.

visit

picjumbo

http://picjumbo.com/

Totally free photos for your commercial & personal works.

visit

Cubic Bezier

http://cubic-bezier.com/#.17,.67,.83,.67

Click on a curve to compare it with the current one.

visit

iconmelon

http://iconmelon.com/#/page-1

svg icons library for web

visit

Gratisography

http://www.gratisography.com/

Free high-resolution pictures you can use on your personal and commercial projects.

visit

Flaticon

http://www.flaticon.com/

The largest database of free vector icons.

visit

CloudConvert

https://cloudconvert.org/

CloudConvert supports the conversion between more than 100 different formats.

visit

Awesome Fontstacks

http://awesome-fontstacks.com/

Easily create bundles of beautifully matching, free web fonts, with failsafe font stacks to back them up.

visit

UIBox

http://www.uibox.in/

Curated HTML, CSS, JS UI Component Library.

visit

GenerateWP

http://generatewp.com/

The easiest and the fastest way to create custom and high quality code for your WordPress project using the latest WordPress coding standards and API’s.

visit

Free Vector Maps

https://www.freevectormaps.com/

All maps are digitally hand made! No traces or copying of imagery is done in the creation of our maps.

visit

Custom Elements

http://customelements.io/

A web components gallery for modern web apps.

visit

Create CSS3

http://www.createcss3.com/

Nice and easy to use CSS3 generator.

visit

COMPRESS PNG

http://compresspng.com/

Compress PNG images into PNG-8 format with transparency support and full browser compatibility.

visit

Dr Link Checker

http://www.drlinkcheck.com/

Let’s check your website’s links.

visit

Bootply

http://bootply.com/

The Bootstrap Playground, be awesome with Bootstrap.

visit

Random User Generator

http://randomuser.me/

RandomUser is an API that provides you with a randomly generated user.

visit

New Old Stock

http://nos.twnsnd.co/

Vintage photos from the public archives free of copyright restrictions.

visit

Freerange

http://freerangestock.com/

Free stock photography for commercial or non-commercial use at freerangestock.com

visit

Long Shadows Generator

http://sandbox.juan-i.com/longshadows/

Simple to use long shadow generator

visit

Stylie

http://jeremyckahn.github.io/stylie/

A fun CSS animation tool

visit

Vector Toons

http://vectortoons.com/

Royalty Free Stock Graphics

visit

Fontastic

http://fontastic.me/

Create icon fonts in seconds, import your own vectors.

visit

HTML Table Code Generator 2.0

http://www.impressivewebs.com/html-table-code-generator/

Simple HTML table generator.

visit

Unsplash

http://unsplash.com/

10 new photos every 10 days.

visit

DPI love

http://dpi.lv/

Easily find the DPI/PPI of any screen

visit

Unicode character table

http://unicode-table.com/en/

Table of unicode characters for you to use.

visit

Editr

http://idered.pl/editr/

HTML, CSS, JS playground.

visit

CSS Converter

http://cssconvert.mgwebsolutions.net/

Convert your CSS to SASS or vice versa. Also supports minified CSS.

visit

Code Beautifier

http://www.codebeautifier.com/

CSS Formatter and Optimiser.

visit

CSS Matic

http://www.cssmatic.com/

The ultimate CSS tools for web designers.

visit

PLTTS

http://pltts.me/

With PLTTS it’s easy to find the matching color-palette for a project you are working on.

visit

HTML Minifier

http://www.willpeavy.com/minifier/

Minify HTML (or XHTML), and any CSS or JS included in your markup.

visit

CSS border gradients

http://jsfiddle.net/necolas/vqnk9/

Here are some great examples how you can achieve border gradients.

visit

FESS your CSS

http://www.fess.me/

FESS your CSS and get more code from your source!

visit

MFG Labs Icon Set

http://mfglabs.github.com/mfglabs-iconset/

It is designed to be easily embeddable on a website or application using a webfont and css.

visit

SVG Patterns Gallery

http://philbit.com/svgpatterns/

SVG images are typically smaller than bitmap images and remain sharp on high-dpi screens.

visit

MockFlow

http://mockflow.com/

Design, collaborate user interface concepts for your software and websites.

visit

Iconizer

http://iconizer.net/

This is not just a search. It’s an icon GENERATOR

visit

Vector.me

http://vector.us/

Free Vector Search Engine – Download 281,187 Free Vector Graphics

visit

IcoMoon

http://icomoon.io/

Custom Built and Crisp Icon Fonts, Done Right

visit

X-Icon Editor

http://xiconeditor.com/

X-Icon Editor is an HTML5 application that allows you to create high resolution icons

visit

Sprite Cow

http://www.spritecow.com/

Generate CSS for sprite sheets

visit

Noise Generator

http://www.noisetexturegenerator.com/

Simple noise generator.

visit

cdnjs

http://cdnjs.com/

We host it all – JavaScript, CSS, SWF, images, etc!

visit

Genericons

http://genericons.com/

Genericons are vector icons embedded in a webfont designed to be clean and simple keeping with a generic aesthetic.

visit

19eighty7 Social Icons

http://19eighty7.com/icons

Completely free icons for use in any project.

visit

Free Social Media Icons

http://themeid.com/free-social-media-icons-v2/

28 gorgeous social media icons in PNG format.

visit

Font Awesome

http://fortawesome.github.com/Font-Awesome/

The iconic font designed for use with Twitter Bootstrap.

visit

Entypo Pictogram Suite

http://entypo.com/

Entypo is a set of 250+ carefully crafted pictograms.

visit

Base64 Decode and Encode

http://www.base64encode.org/

Use the super simple online form below to decode or encode Your data.

visit

SVG Optimizer

http://petercollingridge.appspot.com/svg_optimiser

By optimising how SVGs are written, it is often possible to reduce file size and make them easier to work with.

visit

Boostrap Hero

http://bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources

The big badass list of bootstrap resources.

visit

iClipart

http://www.iclipart.com/

World’s Largest Royalty-Free Clipart Site with Over 7.8 Million Images!

visit

OverAPI

http://overapi.com/

Collecting All Cheat Sheets.

visit

Online converter

http://www.online-convert.com/

Convert media files online from one format into another.

visit

HTML-Ipsum

http://html-ipsum.com/

Generate Lorem Ipsum text.

visit

SpritePad

http://spritepad.wearekiss.com/

Create and edit CSS sprites.

visit

Pictaculous

http://www.pictaculous.com/

Upload your image – get color palette.

visit

jsFiddle

http://jsfiddle.net/

jsFiddle is a free code-sharing tool that allows you to edit, share, execute and debug Web code within a browser.

visit

Bootsnipp

http://bootsnipp.com/

Bootsnipp.com home of free HTML snippets for Bootstrap.

visit

wireframe.cc

http://wireframe.cc/

Super simple way to wireframe.

visit

ava7 patterns

http://patterns.ava7.com/

1774 free seamless background patterns.

visit

Subtle Patterns

http://subtlepatterns.com/

Free patterns for you to use.

visit

Patternify

http://www.patternify.com/

Simple pattern generator.

visit

Qbrushes

http://qbrushes.net/

Quality brushes for photoshop.

visit

BrushKing

http://www.brushking.eu/

Lots of free Photoshop brushes.

visit

PS Brushes

http://www.psbrushes.net/

Welcome, as you may have noticed Photoshop Brushes has come out with a new look.

visit

GetBrushes

http://getbrushes.com/

Best Photoshop brushes free downloads at GetBrushes.com

visit

HTML Instant

http://www.htmlinstant.com/

Real-Time HTML Editor!

visit

Dummy Text Generator

http://www.blindtextgenerator.com/lorem-ipsum

This handy tool helps you create dummy text for all your layout needs.

visit

Wikimedia Commons

http://commons.wikimedia.org/wiki/Main_Page

Wikimedia Commons, a database of 16,311,828 freely usable media files to which anyone can contribute.

visit

logo.eps

http://www.logoeps.com/

Logo Vector Download For Free – Logo EPS, AI, CDR

visit

PSDHunter

http://psdhunter.com/

Search and download 7,827 FREE PSDs!

visit

WeGraphics

http://wegraphics.net/

WeGraphics is a creative studio specialized into the creation of graphic design resources.

visit

UICloud

http://ui-cloud.com/

Search through over 37,079 UI elements or browse 1,166 UI sets.

visit

Beachfront B-Roll

http://beachfrontprod.blogspot.com/

A place to download (for free!) unique HD stock video footage and animated backgrounds for any production purpose.

visit

Pixabay

http://pixabay.com/

This inspired us to create Pixabay – a repository for outstanding public domain images.

visit

Icons DB

http://www.iconsdb.com/

Icons DB free custom icons.

visit

all-free-download.com

http://all-free-download.com/

Lots of free vector graphics.

visit

VforVectors

http://vforvectors.com/

All about Illustrator.

visit

VectorStock

http://www.vectorstock.com/

Royalty Free Vector Art & Stock Images.

visit

Vector-Finder

http://www.vector-finder.com/

Download Over 1,658 Free Vector or Search Stock Vector Images from One Central Location.

visit

Vecto2000

http://vecto2000.com/

Our gallery is consisted of the different images we’ve stored on our virtual private server and were featured on our articles.

visit

Vectips

http://vectips.com/

Tips, tricks and tutorials for vector graphics.

visit

QVectors

http://qvectors.net/

Free quality vector graphics.

visit

stock.xchng

http://www.sxc.hu/

Stock.XCHNG the leading FREE stock photo site!

visit

Stockvault

http://www.stockvault.net/

Free stock photos.

visit

Shutterstock

http://www.shutterstock.com/

Over 20 million stock photos, illustrations, vectors, and videos.

visit

Pixmac

http://www.pixmac.com/

Stock photos and vector illustrations for all your print advertising and website needs.

visit

PhotoXpress

http://www.photoxpress.com/

PhotoXpress provides high quality, royalty free stock photos and vectors from photographers all over the world.

visit

Photodune

http://photodune.net/

Royalty Free Stock Photography.

visit

Photocase

http://www.photocase.com/

You’re looking at the most exciting stock photo website on the net.

visit

Morguefile

http://www.morguefile.com/

Search Morgue File for free reference images. Yes, they’re all completely free.

visit

iStockphoto

http://www.istockphoto.com/

Royalty free stock photography.

visit

Free Digital Photos

http://www.freedigitalphotos.net/

Download free and premium stock photos and illustrations for websites, magazines, ebooks, book covers and much more.

visit

Dreamstime

http://www.dreamstime.com/

Download Royalty-Free stock photos, illustrations & images for as low as 0.16 € / image or free.

visit

Depositphotos

http://depositphotos.com/

Stock Photo Agency with Premium Royalty-Free Stock Photos, Illustrations and Vector Images.

visit

Bigstock

http://www.bigstockphoto.com/

Images for everyone. Over 13 million photos, illustrations, and vectors.

visit

123RF

http://www.123rf.com/

Stock Photos and Royalty Free Image Subscription from 123RF Stock Photography

visit

IconToucan

http://icontoucan.com/

Hundreds of icons at your fingertips.

visit

Dryicons

http://dryicons.com/

Free icons and vector graphics.

visit

Brushlovers

http://www.brushlovers.com/

BrushLovers has a a large collection of high-quality Photoshop brushes, gradients and styles.

visit

Prevue

http://prevue.it/

Prevue is a concept sharing appIt’s a beautiful, free way to present your work.

visit

Wunderlist 2

http://www.6wunderkinder.com/wunderlist

Your beautiful and simple to-do list.

visit

Texture Vault

http://www.texturevault.net/

We provide Royalty Free Textures & Backgrounds for visual artists.

visit

Texture Lovers

http://www.texturelovers.com/

Texture Lovers is a collection of free textures from around the web.

visit

Texture King

http://www.textureking.com/

Free Stock Textures grunge, dirt, plaster, concrete, rust and more…

visit

Lost & Taken

http://lostandtaken.com/

Textures and pursuit of happiness.

visit

High Resolution Textures

http://www.highresolutiontextures.com/

Another great resource for free textures.

visit

Free Stock Textures

http://freestocktextures.com/

Great collection of free textures.

visit

Font Space

http://www.fontspace.com/

Browse through our collection of 19,850 fonts that have been shared by designers around the world.

visit

MyFonts

http://www.myfonts.com/

The world`s largest collection of fonts.

visit

Webtype

http://www.webtype.com/

Better fonts for better websites.

visit

Urbanfonts

http://www.urbanfonts.com/

Yet another great resource for free fonts.

visit

Lost Type

http://losttype.com/

Another great resource for free fonts.

visit

Fonts.com

http://www.fonts.com/

One of the biggest web fonts collection.

visit

Fontdeck

http://fontdeck.com/

The professional web font solution.

visit

Font Cubes

http://www.fontcubes.com/

Welcome to Font Cubes, a comprehensive resource of the best free fonts for download.

visit

Ffonts

http://www.ffonts.net/

Free fonts for download.

visit

Dafont

http://www.dafont.com/

Great resource for fonts.

visit

Webportio

http://www.webportio.com/

Graphical resources for Adobe Fireworks.

visit

Design Kindle

http://www.designkindle.com/

Another great resource for PSD design elements.

visit

Design Deck

http://www.designdeck.co.uk/

Nice resource with various PSD elements.

visit

GTmetrix

http://gtmetrix.com/

GTmetrix can help you develop a faster, more efficient, and all-around improved website experience for your users.

visit

Pingdom Tools

http://tools.pingdom.com/fpt/

Test the Load Time of a Web Page.

visit

W3C Validation Service

http://validator.w3.org/

Markup Validation Service

visit

Moqups

https://moqups.com/

Moqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes.

visit

Easel

https://www.easel.io/

Sculpt the Web. Design & build in your browser. (It’s the fastest way to ship.)

visit

CSS Deck

http://cssdeck.com/

HTML5, CSS3, JS Demos, Creations and Experiments.

visit

Codepen

http://codepen.io/

Build, Explore, and Teach the Web, Instantly.

visit

The Code Player

http://thecodeplayer.com/

Learn HTML5, CSS3, Javascript and more… Video style walkthroughs showing cool stuff being created from scratch

visit

@font-face kit generator

http://fontface.codeandmore.com/

font-face.codeandmore.com converts your True Type (TTF), Open Type (OTF), or PostScript (PFB) fonts.

visit

Box-shadow generator

http://silviarebelo.com/demos/boxgenerator/

Just drag the slider to change the values (in pixels). Click the image to reset the values.

visit

Endless Icons

http://www.endlessicons.com/

Free icons and creative stuff.

visit

Useless CSS3 Generator

http://www.css3generator.in/

This CSS3 generator is totally useless if you don’t use the auto generated CSS3 snippets in your projects or experiment with it.

visit

duri.me

http://duri.me/

A super simple dataURI tool.

visit

Adobe Edge Web Fonts

http://html.adobe.com/edge/webfonts/

Adobe Edge Web Fonts. Get started with free web fonts.

visit

Can I use…

http://caniuse.com/

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.

visit

Fontello

http://fontello.com/

Fontello – icon fonts generator

visit

Adobe BrowserLab

https://browserlab.adobe.com/

Adobe® BrowserLab is an online service that helps ensure your web content displays as intended.

visit

Browser Stack

http://www.browserstack.com/

Live, Web-Based Browser Testing Instant access to all desktop and mobile browsers. Say goodbye to your setup of virtual machines and devices.

visit

CSS3 Text Shadow

http://www.wordpressthemeshock.com/css-text-shadow/

Test several styles with various fonts and than grab the code to make some ql stuff.

visit

HTML5 PLEASE

http://html5please.com/

Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them.

visit

Pixels Daily

http://pixelsdaily.com/

Free PSDs & Resources for Designers

visit

On/Off FlipSwitch

http://proto.io/freebies/onoff/

Generate pure CSS3 On/Off flipswitches with animated transitions.

visit

One div

http://one-div.com/

The single element HTML/CSS icon database

visit

3D Ribbon Generator

http://www.css3d.net/ribbon-generator/

A generator for beautiful 3D ribbons with pure CSS.

visit

Css arrow please

http://cssarrowplease.com/

CSS arrow making tool

visit

Button Maker

http://css-tricks.com/examples/ButtonMaker/

Button Maker

visit

Layer Styles

http://www.layerstyles.org/

open source CSS builder for shadows, backgrounds, and borders

visit

CSSWARP

http://csswarp.eleqtriq.com/

CSS Text to Path Generator

visit

Golden Ratio Typography Calculator

http://www.pearsonified.com/typography/

Golden Ratio Typography Calculator

visit

VectorFinder

http://www.vectorfinder.com/

Search the most popular stock sites from one central location

visit

Vecteezy!

http://www.vecteezy.com/

Download Free Vector Art, Stock Graphics, Images…

visit

Very Icon

http://www.veryicon.com/

The Best Icon Search Engine

visit

Vector Open Stock

http://www.vectoropenstock.com/

Free Vector Graphics and Vector Art for download

visit

Tinkerbin

http://tinkerbin.com/

Tinkerbin lets you play around with HTML, JavaScript and CSS without creating files or uploading to servers.

visit

Iconfinder

http://www.iconfinder.com/

Search through more than 150.000 free icons

visit

BgPatterns

http://bgpatterns.com/

Background Patterns Maker

visit

Ceaser

http://matthewlein.com/ceaser/

CSS Easing Animation Tool

visit

Iconmonstr

http://iconmonstr.com/

Discover 1000+ free simple icons for your next project. Available in both PNG and SVG.

visit

Game-icons.net

http://game-icons.net/

Hundreds of free icons

visit

PhotoVaco

http://www.photovaco.com/

PhotoVaco provide free stock photos with high resolution for both personal and commercial projects.

visit

VectorVaco

http://www.vectorvaco.com/

VectorVaco provides free vectors which can be used in both personal and commercial projects.

visit

We Love Icon Fonts

http://weloveiconfonts.com/

A free icon fonts hosting service

visit

Elusive Icons

http://aristath.github.com/elusive-iconfont/

Elusive icons, an icons font designed for use with Bootstrap

visit

Gemicon

http://gemicon.net/

Gemicon is handcrafted icon set by Turqois, which there 3 different sizes (16, 32, 64).

visit

Fontsquirrel

http://www.fontsquirrel.com/

Free fonts for graphic designers.

visit

Official PSDs

http://www.officialpsds.com/

PSD Image Community

visit

Findicons

http://findicons.com/

Icons search engine

visit

Iconspedia

http://www.iconspedia.com/

Selection of high quality FREE icons.

visit

Premium pixels

http://www.premiumpixels.com/

Collection of free design resources.

visit

Pixel Pixel Pixel

http://www.pixelpixelpixel.com

Free Jetpacks For Designers

visit

Dribbble

http://dribbble.com/

Community of web designers, graphic designers and other creative types share small screenshots that show their work.

visit

365PSD

http://365psd.com/

Download free PSD

visit

Ultimate CSS Gradient Generator

http://www.colorzilla.com/gradient-editor/

Great tool for creating CSS gradients.

visit

CSS3 GENERATOR.ME

http://www.css3.me/

Yet another CSS3 generator. As always have fun.

visit

CSS3 Generator

http://www.css3generator.com/

Another CSS3 generator. Have fun using it.

visit

CSS Pattern Generator

http://www.patternify.com/

Tool for creating base64 code for patterns.

visit

Favicon Generator

http://www.degraeve.com/favicon/

Simple favicon generator.

visit

3D CSS Text Generator

http://www.3dcsstext.com/

Tool for easy creating 3D text in CSS.

visit

CSS 3 maker

http://www.css3maker.com/

Tool for easy making CSS3 code

visit