Everything you need to know about tailwind-extractor. Can't find your answer? Drop us an email.
tailwind-extractor accepts .html, .htm, .js, .ts, .jsx, .tsx, .vue, .svelte, .php, .css, .twig, .blade, and .erb files. You can also paste any HTML or JSX directly into the "paste code" tab without uploading a file.
Yes. tailwind-extractor auto-detects your Tailwind version by scanning your source for @tailwindcss/browser@4, tailwindcss@4, or cdn.tailwindcss.com references. You can also force a specific version using the Build Mode selector — choose between Auto, v3, or v4.
Completely safe. tailwind-extractor runs entirely in your browser. Your files are read locally via the FileReader API and processed inside a sandboxed iframe. No data is ever sent to any server. We don't have analytics, tracking, or any form of telemetry.
Yes. Paste your config in the tailwind.config tab. It accepts plain objects, export default, module.exports, and tailwind.config = {...} formats. Custom colours, fonts, spacing, and other theme tokens are all respected when generating the CSS.
Yes. Paste your input.css in the first tab. This lets you include @tailwind base/components/utilities directives for v3, or @import "tailwindcss" for v4, plus any custom @layer definitions. If you leave it empty, sensible defaults are applied automatically.
The iframe renderer has a 30-second timeout. If it fires, the tool automatically retries using the srcdoc fallback method. If that also fails, check that your files contain actual Tailwind class names (not custom CSS) and that you're online — the Tailwind CDN must be reachable to compile the classes.
The output is a clean, deduplicated CSS file generated by Tailwind's official browser CDN. It contains only the rules needed for the classes found in your files — nothing more. A header comment records the Tailwind version and generation timestamp. You can copy it to the clipboard or download it as output.css.
Commercial use requires prior written permission from the author. See the License page for the full terms. To request permission, contact sherhn.inc@gmail.com.
Open an issue on GitHub at github.com/sherhn/tailwind-extractor/issues. Please include the browser version, the file types you used, and any error message shown in the log panel.