I have listed several sites where you can download free images! And also animations, gifs, svgs, emojis, fonts that can be used in your project — Design, Frontend, Blog post, Power Point presentation for talks, Meetups, Pitch and much more!

This post is one to bookmark ⭐

👨💻 Illustrations and Vectors

A nice list of vectors and illustrations that make any website look modern and beautiful:

🖼️ Figma

Figma is a software that we use to prototype web and mobile application screens, we brought some links that will help inspire you:

📸 Photos

If your website or your presentation needs a beautiful image, surely this list will serve you superbly well:

😺 Animations and Gifs

Gifs have won the hearts of the crowd and an app with animations is a lot of fun to use, if you are going to create an app you need to check out Lottie which we left at the top of the list:

🎉 Icons

Here is a list of icons for web and mobile (React Native) projects, each one more beautiful than the other:

👌 Favicon Generators

Every website or app needs a favicon, either the app icon on the Home screen or also in the title in the browser tab. These tools will help you, you can take the project logo and generate the app icons and favicon:

👍 SVG

😛 Emojis

Emojis are used to add emotion to text, many people like them! Check out the list:

🔤 Fonts

Typography is very important, you can download the fonts on your computer and install them easily. The first link is well more than enough to serve you, we leave three more links with very cool fonts for your projects.

⚙️ Tools

With Canva you can create various graphic arts for Facebook posts, Instagram, Youtube channel thumbnail, LinkedIn cover, Twitter, Facebook. It has a multitude of free and paid templates, images and other resources that you can use.

Remove.bg helps you remove background from images without the need to be an expert in Photoshop. Goodbye magic wand! It is very easy, just upload the image and download the image without the background, and the site even allows you to make some customizations and corrections.

🎨 Color Palettes

Here is a list of sites where we can get the RGB code and put it in the frontend of our application:

⌨️ Format the code for posting on the blog

Taking the code in VS Code and throwing it on the blog can lose the indentation, you can use some of the solutions below:

🤖 Image compression to improve site performance

If you produce content on a website or if you are a web developer you have to know these tools below to improve page load performance. An image with too many bytes can hurt.

Some CMS already do the optimization for you, but it is worth checking, if the image is too big use these sites that reduce some bytes and preserve the quality of the image. Your SEO will thank you!

🔥 Others

We brought some sites that can inspire you in your projects. The repositories on Github under the name awesome-xxxx have a lot of cool stuff, the community contributes a lot of links, the most famous is from Sindre Sorhus, first on the list.

Conclusion

Check that all resources can be used with or without crediting the author of each resource. Some sites ask you to mention the name of the creator of the graphic art. ⚠️ Stay tuned!

Thanks for reading! Follow me in this platform to read more programming content. Have a great day, see you soon! 👋