{"repo":"kt474/tailwind-converter","free":true,"listed":false,"github":"https://github.com/kt474/tailwind-converter","clone":"git clone https://github.com/kt474/tailwind-converter.git","description":"Convert plain HTML/CSS into tailwind","language":"TypeScript","stars":75,"topics":["tailwindcss","nextjs","css","converter","tailwind"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Tailwind Converter Tailwind Converter helps migrate plain HTML and CSS into HTML with Tailwind CSS classes. It is designed as a migration assistant: it converts what can be mapped safely, approximates values when requested, and preserves unsupported CSS for review instead of silently dropping it. Check out my other project, ffwrapped. The app targets Tailwind CSS v4 and uses a CSS-first Vite setup. Features - Paste or edit HTML and CSS side by side. - Convert CSS declarations into Tailwind classes. - Choose between conversion modes: - Tokens: clean Tailwind classes using the closest design token. - Exact: arbitrary-value classes when exact values matter. - Review converted, approximated, unsupported, and preserved CSS. - Filter review output by selector and status. - Preserve unsupported CSS in a leftover block. - Copy generated HTML or preserved CSS separately. - Compare original and converted output in the Preview tab. - Switch preview viewport between desktop, tablet, and mobile. - Preview HTML is sanitized and user-provided scripts are stripped. See SupportedClasses.md for detailed support notes. How Conversion Works 1. CSS is parsed with PostCSS. 2. Safe selectors are matched against the input HTML. 3. Supported pseudo-classes become Tailwind variants, such as hover: . 4. Supported media queries become responsive prefixes, such as md: . 5. Shorthands like margin , padding , border , background , and font are normalized when safe. 6. Declarations are converted to Tailwind","default_branch":null,"files":null,"tree":[],"storefront":"/r/kt474","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/kt474/tailwind-converter/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}