Free Resources for Developers and Designers

Free Resources for Developers and Designers

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

To develop anything, 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. Gitpod
  5. Glitch

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


  1. Google fonts
  2. Fontspace


  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:


  1. Optimizilla
  2. Tinypng
  3. Code compressor

Hosting providers:

  1. Netlify
  2. Heroku
  3. Github pages
  4. Vercel
  5. Surge
  6. Render
  7. Cloudflare pages and workers
  8. Firebase hosting

I've covered free learning resources in this article:

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 and Path to free self-taught education in Computer Science by Open Source Society University.