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. Dev Reso
Best design, coding, and marketing resources for developers. Carefully curated in tutorials, reviews, and roundup articles.
Link: https://devreso.com/
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. 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. Feather Icons
Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24×24 grid with an emphasis on simplicity, consistency, and readability.
Link: https://feathericons.com/
18. Tutoriac
Website builder video tutorials.
Link: https://tutoriac.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/