Extensão GD Styles para Chrome
GD Styles é uma extensão gratuita para o navegador Chrome que facilita a extração de classes Tailwind a partir de estilos CSS de elementos em páginas web. A ferramenta, que ainda está em fase beta, oferece uma funcionalidade prática que permite aos desenvolvedores copiar rapidamente as classes Tailwind diretamente no DevTools. Após a instalação, é necessário reiniciar o navegador para que a extensão funcione adequadamente.
Através de um painel lateral chamado 'GD Styles' no DevTools, os usuários podem clicar com o botão direito em qualquer elemento da página e selecionar a opção 'Get Styles'. Isso exibirá os estilos aplicados no painel lateral, onde é possível copiar as classes desejadas usando um botão específico. Atualmente, a extensão suporta atributos como cor, cor de fundo, borda, raio de borda, tamanho e peso da fonte, além de padding.