Overview
Convert a website's styles to Tailwind CSS classes
Automatically convert a website's CSS into TailwindCSS classes. Missing styles are added as arbitrary values. Easy as: 1. Click the extension icon 2. Hover on the element you want to convert 3. Right click to copy the class names to clipboard Features: 1. Hover an element to view its converted TailwindCSS Classes 2. Shows you which styles are missing from TailwindCSS 3. Copy just the class names or grab the entire element CSS styles Short-comings: 1. Uses Document.styleSheets behind the scenes and stylesheets on different domains will not be taken into account
Thinkbig OnlineAug 7, 2024
i thought copying an element from a non-tailwind site to be translated to tailwind. It is not. And it feels buggy (sometimes it doesn't get anything to clipboard).
Bridges MPFeb 4, 2024
It doesn't work
James SingletonJul 10, 2023
It "works" to a degree... Clicking the extension to try and enable it doesn't seem to always work. For some reason I can't copy the styles, just open a codesandbox. However, it seems to only get a single element at a time. For example, I can't click on a ul, I can only get the individual li elements within it. But I mean the extension is free... so there's that.
Details
- Version2.2.1
- UpdatedSeptember 24, 2023
- Offered byiamnyasha
- Size182KiB
- LanguagesEnglish
- Developer
Email
r2kaseke@gmail.com - Non-traderThis 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
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