Tailwind CSS Builder

Generate clean, prefixed CSS files from your HTML snippets instantly.

CSS Generator for Tailwind

Enter your HTML snippet to extract Tailwind classes and generate the corresponding CSS file.

HTML Input

Prefix (Optional)

Add a prefix to output CSS classes (e.g., p-4 becomes .tw-p-4)

Configuration

Include Preflight (Reset CSS)

Check to include Tailwind's base reset styles (preflight).

Extend Theme (JSON)

Enter standard Tailwind config JSON (theme, extend, etc.)