Tailwind to CSS Converter

Paste Tailwind CSS classes and see the equivalent vanilla CSS output instantly.

Tailwind Classes

Supported

Layout (flex, grid, position), spacing (p, m, gap), sizing (w, h, max-w), typography (text, font, tracking, leading), borders (border, rounded), shadows, opacity, transitions, overflow, cursor, and arbitrary values like w-[300px].

Colour classes, responsive prefixes (md:, lg:), and state variants (hover:, focus:) are excluded from the output.

Related Tools

{ }

JSON Formatter

Pretty-print, validate and minify JSON

🔐

Base64 Encoder/Decoder

Encode and decode Base64 strings and files

🎨

Colour Picker

Pick colours and convert between HEX, RGB and HSL

🆔

UUID Generator

Generate random UUID v4 identifiers

🔗

URL Encoder/Decoder

Encode and decode URLs and query strings

Regex Tester

Test regular expressions with match highlighting