50 free tools and resources

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

1. Web Development Resources

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

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

2. CSS Snippets

Explore a vast collection of HTML, React, CSS and Tailwind CSS code snippets.

Link: cssnippets.shefali.dev

3. Tabler Icons

Tabler Icons: 5844 free and open source SVG icons. Customizable size, color and stroke. Available for React, SolidJS, Vue, Figma and more for free!

Link: https://tabler.io/icons

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. Colorcinch

Instantly create, edit and turn your photos into personalized artwork.

Link: https://www.cartoonize.net/

9. Lorem Picsum

Lorem Ipsum… but for photos

Link: https://picsum.photos/

10. Amplication

Amplication is changing the way backend services are built and delivered. Build backend services with the highest standards, consistency, and scalability across your organization.

Link: https://amplication.com/

11. Flowbite

Flowbite is an open-source library of over 450+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.

Link: https://flowbite.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. Job Boards Search

Curated Job Boards.

Link: https://jobboardsearch.com/

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. iLovePDF

Every tool you need to work with PDFs in one place.

Link: https://ilovepdf.com

18. BestDesign2Hub

Free Resources For Designers & Developers.

Link: https://www.bestdesign2hub.com/

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, is a free mockup 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 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, and filters, add text, and 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 front-end 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. Word Counter

Word counter is a perfect tool for anyone who needs to know the word count of a text. For example, if you have to write a minimum or maximum amount of words for an article, post, or book.

Link: https://freecodetools.org/word-counter/

33. Work Remote

Unleash Opportunities, From Anywhere!

Link: https://workremote.cc/

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. Remove bg

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

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

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 collection of public APIs for developers, categorized and crowdsourced. Animals, books, cryptocurrencies, development, music, weather, and much more.

Link: https://publicapis.dev/

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 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/