GD Styles: Copy CSS styles with Tailwind classes
GD Styles is a free Chrome extension developed by bradenhirschidev. It falls under the category of Browsers and specifically the subcategory of Add-ons & Tools. This extension allows users to easily obtain Tailwind class names from the CSS styles of any element while using the DevTools in Chrome.
After installing GD Styles, it is necessary to restart your browser for the extension to start working. Once installed, you will find a sidebar pane called 'GD Styles' in the DevTools. To access the CSS styles of an element, simply right-click on it and select 'Get Styles'. The styles will then be displayed in the sidebar pane.
One of the most convenient features of GD Styles is the ability to copy the styles directly to your clipboard. With the click of a button, you can easily copy the Tailwind class names and use them in your own projects.
Currently, GD Styles supports several CSS attributes including color, background color, border, border radius, font size, font weight, and padding. The developer, bradenhirschidev, is actively working on improving the extension and adding more styles to make it even more versatile.
Please note that GD Styles is currently in beta, so any feedback or suggestions can be sent to Try out GD Styles today and streamline your CSS development process with ease.
