Gd Styles Chrome extension icon

Gd Styles

👥 43 users
📦 v0.0.1.1
💾 161KiB
📅 2023-10-02
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

This extension is still in beta. Send any feedback to bradenhirschidev@gmail.com

GD Styles is a free extension that allows the user to get Tailwind class names from the CSS styles of any element while in the DevTools. Restart your browser after installing the extension for it to work. There is a sidebar pane in the DevTools called 'GD Styles', if you right click on an element on the page and click 'Get Styles' the styles will show up in the sidebar pane. From there you can use the 'Copy' button to copy the styles directly to your clipboard.

I'm working on improving the extension and adding more styles. As of now, these CSS attributes are supported:

- Color
- Background color
- Border
- Border radius
- Font size
- Font weight
- Padding

Tags

Productivity/developer design productivity/developer

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

⏳ Security scan is queued. Check back soon.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer