With the increasing popularity of web design there are more online resources available now than ever before. In the past we’ve covered top design tools that included both premium and free options. But since most designers would prefer to use free tools that $0.00 price tag is much more useful and in-demand.
In this gallery I’ve organized a handful of free tools and resources for designers. Each resource is completely free and open source to use at your own volition. You’ll find helpful fonts, photos, code snippets, color generators, and many other design tools. Take a look over some of these links and be sure to bookmark your favorites.
Pexels
BLOKK
CodePen
Scratchpad
Fluidbox
Grid Guide
Basehold.it
Damn You Art School
This is Responsive
Brick Webfonts
Snipt
Subtle Patterns
Web Colour Data
Paletton
Colllor
Type Scale
CSS Font Stack
CSS Trashman
Patternify
Designer News
Modern Minimal Glyphs
Iconoci
Regular Expression Generator
Base64 Image Encoder
Style Tiles
Size Marks Plugin
GuideGuide Plugin
Cubic Bezier Tester
You may also find these resources helpful:
40 Resources for Getting Started with jQuery
27 Web Apps & Resources for Responsive Mobile Design
Author: Jake Rocheleau
Jake is a creative designer, illustrator, and web developer. He frequently writes articles involving new-age design concepts and freelance management skills. You can find him in Google or follow his tweets @jakerocheleau