50 free tools and resources you're gonna love

Free stuff is always exciting. But, what if it is free and awesome?

Let's start!

1. UI Garage

Daily UI inspiration & patterns for designers, developers to find inspiration, tools and the best resources for your project.

Link: uigarage.net

2. Remove bg

Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free.

Link: remove.bg

3. uiGradients

A handpicked collection of beautiful color gradients for designers and developers.

Link: uigradients.com

4. Blender

Free and Open 3D Creation Software.

Link: blender.org

5. Edabit

Learn to code with fun, bite-sized challenges. Gain XP, unlock achievements and level up. It's like Duolingo for learning to code.

Link: edabit.com

6. Coolors

Generate or browse beautiful color combinations for your designs.

Link: coolors.co

7. loading.io

Build Your Ajax Loading Icons, Animated Text and More with SVG / CSS / GIF / PNG !

Link: loading.io

8. DevSamples

DevSamples is a list of code samples for you to copy and paste into your projects as needed. The primary focus is on web development, but there are samples from a variety of languages.

Link: devsamples.com

9. Lorem Picsum

Lorem Ipsum... but for photos

Link: picsum.photos

10. Netlify

Deploy modern static websites with Netlify. Get CDN, Continuous deployment, 1-click HTTPS, and all the services you need. Get started for free.

Link: netlify.com

11. Pxfuel

Millions of public domain stock photos released under creative common zero lincense, all are free for commercial use.

Link: pxfuel.com

12. Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

Link: fontawesome.com

13. GTmetrix

GTmetrix is a free tool that analyzes your page's speed performance. Using PageSpeed and YSlow, GTmetrix generates scores for your pages and offers actionable recommendations on how to fix them.

Link: gtmetrix.com

14. Resume.com

The Best Free Resume Builder No gimmicks. At Resume.com, you can build a professional resume that highlights your best qualities so you can land your dream job without any out of pocket expenses. Applying for jobs shouldn't cost you money.

Link: resume.com

15. daily.dev

daily.dev is the easiest way to stay updated on the latest programming news. It's a feed of articles that's ranked by a massive community of developers. Get the best content from the top tech publications on any topic you want. All in one browser extension

Link: daily.dev

16.DevDocs

Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app: HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++…

Link: devdocs.io

17. Feather Icons

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

Link: feathericons.com

18. shortcode.dev

A collection of useful snippets and code examples. Elements, attributes and selectors.

Link: shortcode.dev

19. Canva

Create beautiful designs with your team. Use Canva's drag-and-drop feature and layouts to design, share and print business cards, logos, presentations and more.

Link: canva.com

20. Mockuper.net

mockuper, the free mockups generator to create custom images to show your awesome works.

Link: mockuper.net

21. CSS Nectar

CSS Nectar is a css website design showcase for web designers and developers. Every day we select the best of the web design and add it to our gallery.

Link: cssnectar.com

22. BGJar

Free svg background generator for your websites, blogs and apps.

Link: bgjar.com

23. Photopea

Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!

Link: photopea.com

24. Vercel

Deploy web projects with the best frontend developer experience and highest end-user performance.

Link: vercel.com

25. fun-javascript-projects

Learn Javascript for free in a practical, project based approach.

Link: fun-javascript-projects.com

26. Flaticon

3743500+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT. Thousands of free icons in the largest database of free vector icons!

Link: flaticon.com

27. Awesome Python

A curated list of awesome Python frameworks, libraries and software.

Link: awesome-python.com

28. CSS Reference

CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

Link: cssreference.io

29. Sidebar.io

The five best design links, every weekday.

Link: sidebar.io

30. Grid by Example

Everything you need to learn CSS Grid Layout.

Link: gridbyexample.com

31. Heroicons

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

Link: heroicons.com

32. Latency

Free global latency performance testing tool.

Link: latency.apex.sh

33. We Work Remotely

Remote jobs in design, programming, marketing and more.

Link: weworkremotely.com

34. Unsplash

Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.

Link: unsplash.com

35. Simple Icons

1400+ Free SVG icons for popular brands.

Link: simpleicons.org

36. CSS Stats

CSS Stats provides analytics and visualizations for your stylesheets.

Link: cssstats.com

37. Squoosh.app

Compress and compare images with different codecs, right in your browser.

Link: squoosh.app

38. Fast design

The adaptive interface system for modern web experiences.

Link: fast.design

39. Tabler Icons

800+ Highly customizable & free SVG icons.

Link: tablericons.com

40. unDraw

The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.

Link: undraw.co

41. Figma

Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.

Link: figma.com

42. Hashnode

Hashnode is a free content creation platform and community that allows you to publish articles on your own domain and helps you stay connected with a growing developer community.

Link: hashnode.com

43. Free CSS

Free CSS has 3133 free website templates, all templates are free CSS templates, open source templates or creative commons templates.

Link: free-css.com

44. DrawKit

Free vector SVG illustrations for you to use on your next project, no attribution required! Vector illustrations, packs, icons and more.

Link: drawkit.io

45. Public APIs

A collective list of more than 1000 Free Public and Open REST APIs for developers like movie APIs, Anime APIs, weather APIs, music APIs, games and comics APIs, currency APIs, sports APIs, science APIs, open data APIs, etc.

Link: public-apis.io

46. CSS.gg

Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled-components, Figma and Adobe XD. Easy integration: Embed, NPM & API.

Link: css.gg

47. Jr.DevJobs

Jobs for Junior Developers

Link: jrdevjobs.com

48. Notion

A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.

Link: notion.so

49. Compresspng.com

PNG compression and optimization tool to compress PNG images into PNG-8 format with transparency support

Link: compresspng.com

50. Compressor.io

Optimize and compress JPEG, PNG, SVG, GIF and WEBP images online. Compress, resize and rename your photos for free.

Link: compressor.io

If you liked this article, be sure to ❤️ it.

Initially created on Twitter:

If you want to know more about web development check my website, @ me on Twitter, or subscribe to my newsletter.

Happy coding! ❤️

Larson Reever's photo

amazing resources, this post is an inspiration and iam working on a new post which iam sure will attract many eyeballs and will be super useful

Just a teaser - List of 20 Super Cool [**] tools You Wish You Knew Earlier ;) I will be posting that on hashnode this week , look out for this awesome post at my hashnode blog here -

Would refer this post in my post too. Good work

Kieran Iyer's photo

Thanks for these amazing resources Marko Denic.

Csaba Kissi's photo

Thanks, Marco for mentioning Tablericons.

Marko Denic's photo

Hey Csaba! No worries, I really enjoy using your icons!

Rahul Singh's photo

Amazing Resource 💫️ Marko Denic

I would love to hear your review on 12 Recommended Advice For Learning Programming Faster

Marko Denic's photo

Thanks a lot!

Konstantin Gogov's photo

Amazing resources! Thanks for sharing 😊

Marko Denic's photo

Thanks fo reading the article!