DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for 50 free tools and resources you're gonna love
Marko Denic
Marko Denic

Posted on • Updated on • Originally published at markodenic.com

50 free tools and resources you're gonna love

Free stuff is always exciting. But, what if it is free and awesome? Free tools and resources you’re gonna love.

Let's start!

1. Web Development Resources

A collaborative list of resources for developers, presented in curated categories.

Link: https://web-dev-resources.com/

2. Remove bg

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

Link: https://www.remove.bg/

3. Tabler Icons

Free and open-source icons designed with attention to detail to make your design stand out.

Link: https://tablericons.com/

4. Blender

Free and Open 3D Creation Software.

Link: https://www.blender.org/

5. Free Code Tools

Collection of free SEO and code tools.

Link: https://freecodetools.org/

6. Coolors

Generate or browse beautiful color combinations for your designs.

Link: https://coolors.co/

7. Nhost

The Open Source Firebase Alternative with GraphQL.

Link: https://nhost.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: https://www.devsamples.com/

9. Lorem Picsum

Lorem Ipsum... but for photos

Link: https://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: https://www.netlify.com/

11. Pxfuel

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

Link: https://www.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: https://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: https://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: https://www.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: https://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: https://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: https://feathericons.com/

18. shortcode.dev

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

Link: https://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: https://www.canva.com/

20. Mockuper.net

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

Link: https://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: https://cssnectar.com/

22. BGJar

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

Link: https://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: https://www.photopea.com/

24. Vercel

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

Link: https://vercel.com/

25. fun-javascript-projects

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

Link: https://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: https://www.flaticon.com/

27. Awesome Python

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

Link: https://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: https://cssreference.io/

29. Sidebar.io

The five best design links, every weekday.

Link: https://sidebar.io/

30. Grid by Example

Everything you need to learn CSS Grid Layout.

Link: https://gridbyexample.com/

31. Heroicons

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

Link: https://heroicons.com/

32. Latency

Free global latency performance testing tool.

Link: https://latency.apex.sh/

33. We Work Remotely

Remote jobs in design, programming, marketing and more.

Link: https://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: https://unsplash.com/

35. Simple Icons

1400+ Free SVG icons for popular brands.

Link: https://simpleicons.org/

36. CSS Stats

CSS Stats provides analytics and visualizations for your stylesheets.

Link: https://cssstats.com/

37. Squoosh.app

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

Link: https://squoosh.app/

38. JavaScript Quiz

JavaScript Quiz – Check your knowledge by having fun.

Link: https://javascriptquiz.com/

39. UI Garage

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

Link: https://uigarage.net/

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: https://undraw.co/

41. Figma

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

Link: https://www.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: https://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: https://www.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: https://www.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: https://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: https://css.gg/

47. Jr.DevJobs

Jobs for Junior Developers

Link: https://www.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: https://www.notion.so/

49. Compresspng.com

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

Link: https://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: https://compressor.io/

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

Thanks for reading. If you're interested to read more about web development, check out my blog. I'm a web developer for years now and I write about web development real-life tips and resources.

Happy coding! ❀️

Top comments (19)

Collapse
stsryanholton profile image
Ryan Holton

This is a brilliant list! I think another tool a web developer should have, especially if you've got a website is a website uptime monitoring tool & domain expiry checker? I've built one and would love some feedback on it, check it out: domain-monitor.io

Collapse
tomwilusz profile image
Lordicon

Awesome list! I just want to mention
Lordicon Animated Icons
Beautifully designed and animated icon set with a powerful library and endless integration options. The customization tool allows users to adjust the color, stroke, and padding properties of each icon.

Collapse
nelushaw profile image
Nelusha W • Edited on

Fantastic list of resources! You should add 3D Bay to your list. It's a much needed collection of royalty-free 3D illustrations that require no attribution even for commercial use. :) they have a range of collections to pick from here: clouddevs.com/3dbay/collections

Collapse
alicewilliams58 profile image
AliceWilliams58 • Edited on

Wow! I really love these free tools, thumbs up. You may also include Apowersoft Online Background Eraser, which is like Removebg that can remove the background automatically. Moreover, you may edit your photo with its basic photo editing features.

Collapse
timhuang profile image
Timothy Huang

Thanks for sharing these very useful tools.

Collapse
lastlink profile image
lastlink

it's lists like this, that make life worth living.

Collapse
kmistele profile image
Kyle Mistele

Mind if I add one? I started codelighthouse.io to help developers find and fix errors faster by sending real-time application error notifications, and it's free!

Collapse
denicmarko profile image
Marko Denic Author

Shameless plug? The best ones. :)
Thanks, @kmistele . I'll definitely check it out.

Collapse
kmistele profile image
Kyle Mistele

Of course :P Hope you like it!

Collapse
ganeshpl profile image
Ganesh

Wow nice collections.

Collapse
yourdevguy profile image
Mike Haslam

Thanks, Man great resource.
Cheers

Collapse
mccurcio profile image
Matt Curcio

Thanks, Love it!

Collapse
denicmarko profile image
Marko Denic Author

My pleasure, @mccurcio !

Collapse
faeliaso profile image
Elias de Oliveira

Lista perfeita!

Collapse
denicmarko profile image
Marko Denic Author

Thanks a lot, man!

Collapse
ozanbolel profile image
Ozan Bolel • Edited on

You can find more here -> tooldeckhq.com

This was a project of mine. It's basically a launchpad for your favorite tools.

Collapse
denicmarko profile image
Marko Denic Author

Thanks for sharing @ozanbolel .

Collapse
abdullahbinhasan profile image
Abdullah

Great!

🌚 Life is too short to browse without dark mode