Resources: graphics and mockups for web designers

Graphics and mockups that is easy to find, use and alter is a key element in modern and effective web design. But to find these sources is always a challenge. We figured, just as we did with free resources for stock photos, that everyone is in need of a go-to-guide for such material.

As experienced web designers we figured we should share our best resources. Many of them are the very same we use as designers of the Uncode theme. You may recognize some of them from the Uncode demo content.

• Free resources
• Premium resources
• License

Free graphic resources

1. GraphicBurger

Icons, illustrations and graphics like device mockups, business cards, and more.

http://graphicburger.com/

2. Blazrobar

Design templates, fonts, icons and device mockups are all among the free files downloadable from Blaz.

http://blazrobar.com/

3. CSS Author

CSS Author also provides UI resources, mockup, templates, icons, backgrounds and wallpapers.

http://www.cssauthor.com/

4. Pixelbuddha

Icons, illustrations, animations, UI kits, mockups, and more.

https://pixelbuddha.net/

5. Free Custom Scene Creator

Desk essentials scenes, complete with plenty editable and movable objects in PSD format.

http://graphicburger.com/designer-desk-essentials/

6. Craft Work

Page design, UI kits, wireframes, icons, fonts, device mockups, patterns and backgrounds. Many resources available in Sketch format.

http://getcraftwork.com/

7. Freebbble.com

At freebbble you get UI kits, interfaces, internet icons, device mockups and more from Dribbble. A great example is this  UI Ugly Kit! Great for quick wireframes where there should be no doubt wether it’s a final design or not…

http://freebbble.com/

8. FreePik

Free illustrations with Creative Commons license.

http://www.freepik.com/free-vectors/illustrations

9. IMCreator

A curated collection of free resources, all for commercial use. Illustrations and icons along side photos and more.

http://www.imcreator.com/free

10. Pixabay

Pixabay is Shutterstock’s free entry. Plenty of illustrations as well as photos, although rather generic.

https://www.pixabay.com/

Premium graphic resources

If you are willing to pay a little or more for your resources, there are huge collections to pick from. Upsides of paying is a greater variety, and supporting the artists of course, but you might also be interested in the partial or complete exclusivity. That is to say, it’s less likely that someone else is using the same material as you on their site if you pay for it.

11. Graphic river

Offers 531,000 fonts, logos, icons and more. Big collection of hand-reviewed graphic assets from their community of designers.

https://graphicriver.net/

12. Pixeden

Plenty of design and web resources in this premium source. Product mockups, device mockups, magazines and much more.

http://www.pixeden.com/

13. iStock

iStock is a Getty images collection of photos, illustrations and video.

http://www.istockphoto.com/

14. Shutterstock

Just like iStock, Shutterstock provides illustrations and vector graphics alongside photo resources.

http://www.shutterstock.com/vectors

License

Many of the collections of photos linked to here are under CC, Creative Commons license. Read more about CC and be sure to double check that you have the right to use the photos in the way you intend.