Emil Andersson logotype
Written by Emil Andersson on
November 11th, 2022 in Tips

20 Great Design Resources

These are the top 20 design resources I use in my daily work. Everything you see in this list is free to use. The lower the list number, the more I recommend the resource.

#20 - Figma


The perfect tool for prototyping websites and apps. Complete with animation tools, vector shapes, libraries, etc. Free and paid versions are available. Figma brings together powerful design features and adds an efficient workflow to boot.

Visit Website

#19 - Addy Codes Toolkit

Addy Codes Toolkit

682 hand-picked tools & resources for web designers & developers. Curated for quality then meticulously organized and regularly maintained for your browsing pleasure by Adam Greenough.

Visit Website

#18 - Poly Haven

Poly Haven

A great resource for 3D artists. The website is split up into three sections. HDRI, Textures, and 3D Models. Everything is free. Not just free, but CC0, meaning you can use them for absolutely any purpose without restrictions.

Visit Website


Lorem Space

If you're creating a movie, gaming, or book app. Look no further. This resource loads movie posters, gaming covers, book covers, etc with their API.

Visit Website

#16 - Namecheap Logo Maker

Namecheap Logo Maker

Create a logo with font, icon, and color scheme for your business or personal brand. Use Logo Maker’s design wizard to select styles and their software will generate thousands of different designs.

Visit Website

#15 - Mockups Design

Mockups Design

Your daily source of mockups. No redirections. No registration is required. All mockups are 100% free.

Visit Website

#14 - IconFinder


Millions of graphics for your design projects. Mostly icons but you can also find a lot of other types of graphics. Created by independent designers.

Visit Website

#13 - CSS Gradient

CSS Gradient

As a free CSS gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile. There are a lot of these tools out there but this is my go-to generator.

Visit Website

#12 - Dribbble


Yes, you probably know what this website does. Dribbble is the biggest website for sharing your creative work online. I mainly use it for inspiration.

Visit Website

#11 - Bootstrap Icons

Bootstrap Icons

Bootstrap icons is a very handy library of web icons. Very easy to implement into your project. Used on my website. But I also have to say that I'm not the biggest fan of their CSS framework. But this icon framework is awesome!

Visit Website

#10 - Shape Divider

Shape Divider

Create fully responsive shape dividers for your next web project. Export as SVG and implement the generated design with the CSS provided with your generated shape.

Visit Website

#9 - Smashing Magazine

Smashing Magazine

Articles all around CSS, JavaScript, front-end, UX and design. For designers and web developers. I visit this site whenever I feel curious about finding new tech to play and learn with.

Visit Website

#8 - Google Fonts

Google Fonts

Google Fonts makes it easy to bring personality and performance to your websites and products. Their robust catalog of open-source fonts and icons, makes it easy to integrate expressive type and icons seamlessly—no matter where you are in the world.

Visit Website

#7 - Icons8


Icons8 is a universe of amazing icons, graphics, photos, music, AI generators and much more. This service is mostly free. But if you want full access to be creative, you have to pay a small price. But it's worth it in my opinion.

Visit Website

#6 - Unblast


Fine and free design resources made by the world's best designers. Download quality mockups, fonts, templates, and graphics.

Visit Website

#5 - CSS-Tricks


Daily articles about CSS, HTML, JavaScript, and all things related to web design and development. But the best part of this website is their guides for a lot of different coding practices. 

Visit Website

#4 - Tailwind CSS Components

Tailwind CSS Framework

I don't often use CSS frameworks but when I do, Tailwind is my go-to. The CSS design of the HTML components is beautifully crafted.

Visit Website

#3 - Unsplash

Unsplash - Images

Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. I often use their API for easy placeholder images in my web projects.

Visit Website

#2 - Codrops


Creative front-end resources and inspiration for web professionals. Very many unique techniques are used to present exclusive user experience.

Visit Website

#1 - UIverse


Congratulations to UIverse for the first place! UIverse is my new favorite resource website. Here you can find amazing web components and designs. Open source UI elements made with CSS and HTML. It's like CodePen but more simplified and more focused on the design part.

Visit Website


  • css
  • design
  • javascript
  • ui
  • ux
  • graphics
  • resources
  • framework
  • html
  • creative
  • free
  • images
  • icons
  • guides