Ultimate Tools for Developers

Hey, there!

Let me introduce you to this community-driven list of awesome tools for developers. It is a open-source project, built by the community. So, feel free to contribute to this list. You can find the contribution guidelines at the end of this post.

Alright, let's get started!

Table of Contents

• Code Editors and IDEs
• Images
• Colors
• Typography
• Design
• Documentation
• Tools
• Contributing
• Conclusion

Code Editors and IDEs

• Visual Studio Code

Being a free and open-source code editor, Visual Studio Code is a great tool for developers. It comes with a lot of features and extensions that make it a great choice for developers.

• CodeSandbox

Simply put, CodeSandbox is an online version of Visual Studio Code.

• CodePen

CodePen is a playground for the front end side of the web. It's a place to experiment, test and show off your front end work. Also, you can find many inspirations from other developers.

• Replit

Replit is a simple, powerful, and collaborative online IDE. It's a great place to code, collaborate, and host your projects.

• TypeScript Playground

Wanna play around with TypeScript? TypeScript Playground is a right place for you.

Images

• Unsplash

Easily find beautiful, high-quality photos for your next project. All photos are free to use for commercial and personal use.

• Pexels

Pexels is a great source of free stock photos. All photos are free to use for commercial and personal use.

• Carbon

Carbon is a great platform to create and share beautiful images of your code, allowing you to customize the image with syntax highlighting, themes, fonts, and more.

Colors

• Color Space

Never waste Hours on finding the perfect Color Palette again! Just Enter a Color! And Generate nice Color Palettes

• Coolors

Create the perfect palette or get inspired by thousands of beautiful color schemes.

Typography

• Google Fonts

Google Fonts is a library of free licensed font families. Simply choose the fonts you want, either download them to your computer or use the provided CSS or HTML links to embed them in your web pages.

Design

• Figma

A free, online and collaborative interface design tool and prototyping tool.

• Pinterest

Pinterest is a visual discovery tool that you can use to find ideas for all your projects and interests.

Documentation

• MDN Web Docs

The best platform to learn web development. Whenever you have a question about HTML, CSS, JavaScript, or any other web technology, always check MDN first.

Tools

Wait a second! Tools within tools? Yes, you heard it right. Here are some tools that will help you to find more tools.

• Stack Overflow

Stack Overflow is a question and answer site for professional and enthusiast programmers. It's a great place to ask questions and get answers.

• Micro Digital Tools

A collection of useful tools for developers.

• Small Dev Tools

A collection of useful tools for developers.

• Can I Use

Can I Use provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

• Favicon Generator

Have you ever struggled to create a favicon for your website? Different sizes, different formats, different platforms.
Quickly generate your favicon from text, image, or choose from hundreds of emojis.

• Font Awesome

A great collection of free icons.

Contributing

Want to contribute? Here's how:

1. Find an awesome tool that is not on this list and you think it should be
2. Provide the title, description, and link of the tool to give a brief idea about it
3. Add "" (diamond) at the end of your comment. Why? Because you deserve it ! Also, it's easier for me to find your comment as well

Conclusion

I hope you found this list useful. And, it's not over yet! We'll keep expanding and updating this list with more tools.

If you have any questions, feel free to ask in the comments. Thanks for reading!

Back to Top