DivMagic - Copy Style from any website
Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.
Convert design tokens into CSS variables and copy them to your clipboard.
Review user movement over the last 30 days.
Track rating movement over time to see whether quality signals remain stable.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
In some use cases, nomenclature from a singular design token linked to a CSS variable can vary slightly. In this specific one, design tokens formatted as "i.am.a.token" are associated with CSS variables formatted as "--I-AM-A-TOKEN".
This discrepancy can slow down the workflow during the handoff from the design team, which uses one format, to the development team, which uses another. Whether there is one design token to translate or twenty, developers must manually change the format of each design token to locate it in the code.
This extension streamlines the process. Developers can paste the design token into the extension and click the "COPY-VARIABLE" button. This action copies the correctly formatted CSS variable to their clipboard, significantly speeding up the workflow.
Inspect the latest comments and rating distribution.
Review related products from the Chrome Web Store detail page.
Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.
Inspect elements with css variables
Easily find and copy Squarespace CSS selectors to help customize your website
Extract clean CSS code from any webpage element & generate complete color palettes. Essential developer tool.
CSS extraction and Tailwind conversion for Chrome
Transform the Way You Work with Component in Webflow!