GD Styles para Google Chrome

GD Estilos: Copiar estilos CSS con clases de Tailwind

GD Styles es una extensión gratuita para Chrome desarrollada por bradenhirschidev. Se encuentra en la categoría de Navegadores y específicamente en la subcategoría de Complementos y Herramientas. Esta extensión permite a los usuarios obtener fácilmente los nombres de clase de Tailwind a partir de los estilos CSS de cualquier elemento mientras se utiliza DevTools en Chrome.

Después de instalar GD Styles, es necesario reiniciar el navegador para que la extensión comience a funcionar. Una vez instalada, encontrarás un panel lateral llamado 'GD Styles' en DevTools. Para acceder a los estilos CSS de un elemento, simplemente haz clic derecho sobre él y selecciona 'Obtener estilos'. Los estilos se mostrarán en el panel lateral.

Una de las características más convenientes de GD Styles es la capacidad de copiar los estilos directamente en el portapapeles. Con un clic de botón, puedes copiar fácilmente los nombres de clase de Tailwind y usarlos en tus propios proyectos.

Actualmente, GD Styles admite varios atributos CSS, incluyendo color, color de fondo, borde, radio de borde, tamaño de fuente, peso de fuente y relleno. El desarrollador, bradenhirschidev, está trabajando activamente en mejorar la extensión y agregar más estilos para hacerla aún más versátil.

Ten en cuenta que GD Styles está actualmente en beta, por lo que cualquier comentario o sugerencia se puede enviar a Prueba GD Styles hoy mismo y agiliza tu proceso de desarrollo de CSS con facilidad.