Item logo image for GD Styles

GD Styles

Featured
4.0(

4 ratings

)
ExtensionDeveloper Tools28 users
Item media 1 (screenshot) for GD Styles
Item media 2 (screenshot) for GD Styles

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

Jira Buddy

5.0(5)

Does your org share Jira stories via spreadsheets/email? Paste lists of issues from a spreadsheet or email and view them in Jira.

Notion Colorizer

1.0(1)

Add some style to Notion

Toolwind - Devtool for Tailwind css

4.3(6)

Enhance Tailwind CSS workflow: Easily add, modify, remove, and copy classes with built-in Tailwind IntelliSense

Figma to Tokens

0.0(0)

Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens

DivCat

1.0(1)

Copy css and html code from any website.

SharePrompts: Share your ChatGPT,Bard Prompts

5.0(1)

SharePrompts is a Chrome extension that allows you to share your prompts with one click from ChatGPT and Bard

Github Package.json Enhancer

5.0(3)

Enhance Github's package.json file viewing experience by making npm dependencies as direct links to npm package page.

Appdron AI

5.0(2)

Powerful & Sleek ChatGPT UI For Marketers & Content Creators

Excompt

2.8(4)

Free to scan tailwind css and export tailwind CSS component in any website page

Design CSS To Tailwind

4.0(2)

设计搞上的css代码转tailwindcss

Costbot Price Tracker

0.0(0)

Easily view historical pricing data from costbot.net. Get free price alerts when the price drops and save money!

StarterCSS

0.0(0)

Rapidly implement CSS layouts, effects, and designs without parsing through online docs

Jira Buddy

5.0(5)

Does your org share Jira stories via spreadsheets/email? Paste lists of issues from a spreadsheet or email and view them in Jira.

Notion Colorizer

1.0(1)

Add some style to Notion

Toolwind - Devtool for Tailwind css

4.3(6)

Enhance Tailwind CSS workflow: Easily add, modify, remove, and copy classes with built-in Tailwind IntelliSense

Figma to Tokens

0.0(0)

Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens

DivCat

1.0(1)

Copy css and html code from any website.

SharePrompts: Share your ChatGPT,Bard Prompts

5.0(1)

SharePrompts is a Chrome extension that allows you to share your prompts with one click from ChatGPT and Bard

Github Package.json Enhancer

5.0(3)

Enhance Github's package.json file viewing experience by making npm dependencies as direct links to npm package page.

Appdron AI

5.0(2)

Powerful & Sleek ChatGPT UI For Marketers & Content Creators

Google apps