[24] Top 10 Must-Have Web Dev Tools – August 2021
Tags: webdev, codenewbie, beginners, productivity
Published: 2021-08-18 01:48:30

Hi everyone 👋. Today I would like to present you the brand new August edition of my [blog post series](https://www.create-react-app.com/tags/top) - Top 10 Best Web Dev Tools. Every month I am trying to pick the most intriguing and handy instruments that, I believe, are must-haves for every web developer. This time there are:

## 1). GitHub Copilot

Copilot is an AI tool developed by GitHub to assist users of VS Code. It is still in a Technical Preview state and requires joining the waitlist, but from my experience, I would say that Copilot has all prerequisites to become the Next Big Thing.

![copilot](https://www.create-react-app.com/static/img/images/24/copilot.webp)

[https://copilot.github.com/](https://copilot.github.com/)

## 2). Glitch

Glitch is a very easy-to-use and user-friendly tool that allows you to build fast, full-stack web apps in a browser for free.

![glitch](https://www.create-react-app.com/static/img/images/24/glitch.webp)

[https://glitch.com/](https://glitch.com/)

## 3). Meta Tags

With Meta Tags, you can generate and edit your website's metatags, as well as preview how your webpage will look on Google, Facebook, Twitter, LinkedIn, and other platforms.

![metatags](https://www.create-react-app.com/static/img/images/24/metatags.webp)

[https://metatags.io/](https://metatags.io/)

## 4). Omatsuri

Omatsuri is an open-source web app with 12 browser tools for everyday use. At the moment there are such useful tool as [color shades generator](https://omatsuri.app/color-shades-generator), [fake data generator](https://omatsuri.app/fake-data-generator), [svg compressor](https://omatsuri.app/svg-compressor) and much more.

![omatsuri](https://www.create-react-app.com/static/img/images/24/omatsuri.webp)

[https://omatsuri.app/](https://omatsuri.app/)

## 5). Happy Hues

Happy Hues is an extremely good-looking collection of curated color palettes. Feel free to choose your [favorite](https://www.happyhues.co/palettes/5) and use it in your next project.

![happyhues](https://www.create-react-app.com/static/img/images/24/happyhues.webp)

[https://www.happyhues.co/](https://www.happyhues.co/)

## 6). Jamstack Explorers

Jamstack Explorers is a learning platform from Netlify. As it is obvious from the title, this platform is dedicated to Jamstack (which stands for JavaScript, API & Markup) related technologies. At the moment they have 9 courses on topics such as Next.js (by [Cassidy Williams](https://twitter.com/cassidoo)), Serverless functions (by [Ben Hong](https://twitter.com/bencodezen)), Nuxt.js & Sanity (by [Ekene Eze](https://twitter.com/kenny_io)), etc.

![jamstack](https://www.create-react-app.com/static/img/images/24/jamstack.webp)

[https://explorers.netlify.com/](https://explorers.netlify.com/)

## 7). Devtool Tips

An open-source curated collection of devtool tips on different themes.

![devtool](https://www.create-react-app.com/static/img/images/24/devtool.webp)

[https://devtoolstips.org/](https://devtoolstips.org/)

## 8). Error404

A broad collection of unique and fun illustrations for your website's 404 pages. You can see those illustrations in action since I use them on my [personal site](https://villivald.com/SecretPage) and my [latest basketball-related project](https://koripallopaikat.com/LebronJames).

![error](https://www.create-react-app.com/static/img/images/24/error.webp)

[https://error404.fun/](https://error404.fun/)

## 9). What The Filter ?

A visual playground to JavaScript array & object transformations.

![filter](https://www.create-react-app.com/static/img/images/24/filter.webp)

[https://renato-bohler.github.io/what-the-filter/](https://renato-bohler.github.io/what-the-filter/)

## 10). Contraste

Contraste is a lightweight macOS app that allows you to check the accessibility of text against the Web Content Accessibility Guidelines (WCAG).

![contraste](https://i.imgur.com/5D8t675.png)

[https://contrasteapp.com/](https://contrasteapp.com/)

---

[Original post @ create-react-app.com](https://www.create-react-app.com/posts/2021-08-17-top-10-web-dev-tools-08-2021/)

My Site https://villivald.com/
GitHub https://github.com/villivald
Twitter https://twitter.com/crapp_blog