Item logo image for GD Styles

GD Styles

Featured
4.0(

4 ratings

)
Item media 1 screenshot
Item media 2 screenshot

Overview

Copy CSS styles with Tailwind classes

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

4 out of 54 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    0.0.1.1
  • Updated
    October 2, 2023
  • Offered by
    bradenhirschidev
  • Size
    161KiB
  • Languages
    English (United States)
  • Developer
    Email
    bradenhirschidev@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • 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

Related

cssPicker - copy css from website

4.0(6)

copy html and css from any website

CSS Selector

2.5(2)

Quick, Easy, powerful CSS Selector generation.

CSS Stripper

0.0(0)

Remove CSS and inline styles from a web page.

Tailwind CSS Devtools

4.5(6)

Tailwind CSS Developer Tools

WindChat-ChatGPT Tailwind CSS React Previewer

4.0(4)

Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting.

Inspecta - validate design implementation

5.0(3)

Inspect,compare and update CSS visually

Gimli Tailwind

4.5(30)

A DevTools extension enabling smart tools for Tailwind CSS.

Copy as Plain Text - Format Cleaner

4.0(5)

Clear HTML formattings such as bold, italic, foreground, and background colors, then copy as plain text or replace the node

CopyCss - Copy css scan from any website.

4.5(10)

Copy css scan from any website.

fubukicss-tool

4.8(13)

one step to get css from figma

CSS Scan

3.9(82)

The fastest and easiest way to check, copy and edit CSS.

DivMagic - Copy Style from any website

3.8(51)

Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.

cssPicker - copy css from website

4.0(6)

copy html and css from any website

CSS Selector

2.5(2)

Quick, Easy, powerful CSS Selector generation.

CSS Stripper

0.0(0)

Remove CSS and inline styles from a web page.

Tailwind CSS Devtools

4.5(6)

Tailwind CSS Developer Tools

WindChat-ChatGPT Tailwind CSS React Previewer

4.0(4)

Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting.

Inspecta - validate design implementation

5.0(3)

Inspect,compare and update CSS visually

Gimli Tailwind

4.5(30)

A DevTools extension enabling smart tools for Tailwind CSS.

Copy as Plain Text - Format Cleaner

4.0(5)

Clear HTML formattings such as bold, italic, foreground, and background colors, then copy as plain text or replace the node

Google apps