Well as a human, I love free things 😒. So, I have gathered some free resources that I've used over the years. And I want to share them with you all amazing peoples.

To develop any thing, we first need a computer💻 and an internet🌎 connection. Then of course an operating system (we all know linux is available totally for free).

Let's talk about the things that come after these:

Code editor:

1. VS code
2. Sublime text editor
3. Atom

Online code editors

1. Codepen
2. CodeSandbox
3. Stackblitz
4. Find more online code editors here

Stock photos and videos:

1. Pexels
2. Unsplash
3. Pixabay
4. Mixkit
5. Coverr

Vectors and illustrations

1. Freepik
2. Undraw
3. Vecteezy
4. Openclipart
5. Vectorstock

Fonts

1. Google fonts
2. Fontspace

Icons

1. Font Awesome
2. Material-ui icons
3. Animated icons
4. Freepik

Mockup tools

1. Figma
2. Zepllin

Design ideas

1. Awwwards
2. Dribbble
3. Webdesign Inspiration

Browser extensions

1. Wappalyzer – Look at website technology stack
2. Colorzilla – Pick color from anysite and do color related stuffs
3. CSS3 generator – Allows you to generate CSS3 snippets
4. Daily Dev – Developer news
5. Gitpod – Fork and edit any repo instantly

Now its time to make our website public. But before that, we need:

Compressor:

1. Optimizilla
2. Tinypng
3. Code compressor

Hosting providers

1. Netlify
2. Heroku
3. Github pages
4. Vercel
5. Surge
6. Zeet

Here are free learning resources for developers

Thank you so much for sticking around. And here is a bonus for you:
More free dev resources.
And if you are a student then you can always apply for Student developer pack by Github in collaborations with many other service providers.
Here is more by Brad Travercy