Updated on 12 Nov 2018 · 2 min read

35 of the Best Resources for Web Designers

Caution! This content might be out of date, and our opinions may have changed.

Here at Shape we use a lot of resources in our day to day activities whether thats finding the right colour scheme, looking for free stock images for clients or even finding new and creative features to add to our next project, here is a list of the top 35 ones we use.

Resources Blog Img 04

Inspiration :

- 'Dribbble is a collection of creatives sharing new and exciting clippings of what they are working on.'
Behance - 'One of the worlds leading creative websites for talent to showcase & discover creative work.'
SiteInspire - 'Site Inspire is a showcase of the finest web and interactive design.'
One Page Love - 'One Page Love is the ultimate showcase of beautiful and amazing One Page Websites.'
Awwwards - 'The awards that recognize the talent and effort of the best web designers, developers and agencies in the world.'
Styleboost - 'A website showcasing some of the creative sites online.'

Resources Blog Img 02

Images :

Jay Mantri - 'Royalty free images updated weekly.'
Unsplash - 'Free (Do whatever you want) high-resolution photos.'
Death to Stock Photos'They love to help creatives live their passion, and do more great work.'
Negative Space - 'All the photos and raw files on this website are distributed under the CC0 creative commons license.'
Public Domain Archive - 'Public Domain Archive is an archive of high quality public domain images found across the web.'
Foodies Feed - 'FoodiesFeed is a resource of free realistic food images in high resolution and free digital goods related to food.'

Resources Blog Img 05

Typography :

I Love Typography - '
One of the worldsmost popular font & typography blogs.'
Google Fonts -
'Google fonts is a large collection open sourced fonts optimised for the web.'
Font Squirrel - 'Free, hand-picked, high-quality, commercial-use fonts.'
Da Font - 'An archive of freely downloadable fonts.'
Copy Paste Character - 'A web and iPhone application for copying the ‘hidden’ characters that comes with the computer’s typefaces.'

Resources Blog Img 06

Icons :

Noun Project 
- 'Creating and sharing the Worlds Visual Language.'
Flat Icon - 'A huge database of icons available in any format.'
Endless Icons - 'An "Endless" repository of icons to pick from.'

Resources Blog Img 01

Colour :

- 'Create, Explore and find the perfect colour scheme with this website by Adobe.'
Hailpixel - 'Side by side colour comparison, presented in a creative web application.'
Coolors - '
Create infinite color schemes for your designs and share online.'

Resources Blog Img 03

Miscellaneous :

UI Space -
'A collection of Mockups, Icons, Fonts and anything else you can think of.'
CSS Tricks - 'Tips and Tricks for developers.'
Video Pexels -
'Everyone loves Royalty Free Images, but what about Royalty Free Videos?'
Subtle Patterns - 'A great resource for adding patterns to your designs.'
Pattern Tap - 'Pattern Tap is a gallery of specific design and interaction patterns meant to inspire your work.'
Codepen - 'Show off your latest creations, get feedback, build and test. Find example design patterns and inspiration for your projects.'
Unheap - 'Unheap is a repository for browsing & staying on top of the latest jQuery plugins and JavaScript scripts.'
Nav Nav - 'A ton of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials.'

Written by

Related Blogs