A collection of all the tools that are required in web development made by the community to ease the process of web development.


Open-source illustrations for every project you can imagine and create.

Mega Doodles Pack

Open-source illustrations for every project you can imagine and create.

Doodle Ipsum

Illustration placeholders for developers

Color Palettes

Color palettes for designing and prototyping for any project. Able to copy hex code of the colors easily.

Chart Generator for ReactJs projects

Easy installation and good for building interactive visualizations in react.

Build forms in your project

Build your forms easily with formspree. You can just set your form’s action to their endpoint and write no server code, or deploy your forms with CI/CD


A library for icons of all types. You can even copy an svg code for each image.


Compiles your files, transpiles your JavaScript, reloads your browsers and makes it really easy to develop & test your websites so you can focus on making them perfect.

Chrome DevTools

Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. ... Get started with Google Chrome's built-in web developer tools.


A free site for responsive and customizable HTML5 site templates


Brackets is a modern text editor that makes it easy to design in the browser. It's crafted from the ground up for web designers and front-end developers.


Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

Lorem Picsum

A library for placeholder images for your objects.

Add tailwind Gradients into your project.

Easy tailwind gradient code generator which can be used in Front end project.

Shape Divider

Free tool to create and export beautiful SVG dividers.


Generate unique waves, blobs, symbols etc. in SVG format

Public APIs

A collective list of free APIs for use in software and web development


Internationalization framework to translate your JavaScript app


React library to create stunning animations easily.

Oh Shit, Git!?!

Some useful Git commands that can save your life

Google Analytics

An easy and free way to track the analytics of your project or website.


Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.


Free, “do wtf you want with” pixel-perfect icons.


Free, API documentation of programming language in details.


Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators.

Google Fonts Icons

Material Icons are available in five styles and a range of downloadable sizes and densities. The icons are based on the core Material Design principles and metrics.


High Quality Simple Open Source icons carefully crafted for designers & developers

GitHub Skills

Learn how to use GitHub with interactive courses designed for beginners and experts.

Pro Git

The guide to Git and its usage.

Eloquent JavaScript

This is a book about JavaScript, programming, and the wonders of the digital.


GoHugo is a tool to create static websites (js, html and css). It helps you to build simple websites, the most common uses are: blogs, landing pages, documentation, etc.

How to Contribute to an Open Source Project on GitHub

A course to get started with contributing open source