DEV Community

Cover image for Top 10 sites / extensions you should use if you are a Frontend Developer 😎
Luis Cutiopala
Luis Cutiopala

Posted on • Updated on

Top 10 sites / extensions you should use if you are a Frontend Developer 😎


Here you will find gradients of all kinds so that your website is at another level from simple to complex gradients, in addition to all the css code

Color Picker🎈

Look for that color that you like from your favorite website



Glyphy es una sencilla herramienta en línea que te permite copiar fácilmente caracteres y símbolos especiales (también conocidos como glifos) al portapapeles de tu dispositivo para que luego puedas pegarlos en cualquier documento o aplicación que desees.


This is my favorite, you can generate patterns like: globs, waves, Blurry Gradients etc.

Transform your code to an impressive and very colorful card


Find all the icons for your website in svg, png and even imported css formats

Create awesome shadows ready to implement in all your Css


ANDI is like having an expert at your side, helping you ensure your website is meeting accessibility standards. Include ANDI in screenshots during your manual accessibility review. Use ANDI during development to help you build accessible websites.

Whether you're an accessibility expert or you're new to Section 508 compliance, ADA compliance, or WCAG standards, you should definitely check out ANDI. 🍳 is a markdown Editor if you don't know much about md this tool will help you, it will be used to make descriptions of your GitHub file or make notes

React Developer Tools

React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

Top comments (2)

sonusainibhadra profile image

Nice article

imahmoud profile image
Mahmoud Ibrahiam

Thank you 💗💗