Free stuff is always exciting. But, what if it is free and awesome?
Let's start!
1. Web Development Resources
A collaborative list of resources for developers, presented in curated categories.
Link: web-dev-resources.com
2. Remove bg
Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free.
Link: remove.bg
3. Tabler Icons
Free and open-source icons designed with attention to detail to make your design stand out.
Link: tablericons.com
4. Blender
Free and Open 3D Creation Software.
Link: blender.org
5. Free Code Tools
Collection of free SEO and code tools.
Link: freecodetools.org
6. Coolors
Generate or browse beautiful color combinations for your designs.
Link: coolors.co
7. Nhost
The Open Source Firebase Alternative with GraphQL.
Link: nhost.io
8. Buttons Generator
An online gallery of 100+ button designs you can easily copy and use in your projects.
Link: https://markodenic.com/tools/buttons-generator/
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. 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: 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. JavaScript Quiz
JavaScript Quiz – Check your knowledge by having fun.
Link: javascriptquiz.com
39. UI Garage
Daily UI inspiration & patterns for designers, developers to find inspiration, tools and the best resources for your project.
Link: 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: 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.