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.
#19 - 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.
#18 - 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.
#17 - 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.
#16 - 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.
#15 - Mockups Design
Your daily source of mockups. No redirections. No registration is required. All mockups are 100% free.
#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.
#13 - 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.
#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.
#11 - 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!
#10 - 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.
#9 - Smashing Magazine
#8 - 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.
#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.
#6 - Unblast
Fine and free design resources made by the world's best designers. Download quality mockups, fonts, templates, and graphics.
#5 - CSS-Tricks
#4 - Tailwind CSS Components
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.
#3 - Unsplash
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.
#2 - Codrops
Creative front-end resources and inspiration for web professionals. Very many unique techniques are used to present exclusive user experience.
#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.