Nutter Tools
Nutter Tools

A free toolbox that runs in your browser. A tool for every job.

Your files never leave your device

Images

  • Convert images
  • Compress images
  • Resize images
  • Crop
  • Watermark

PDF & files

  • Merge PDFs
  • Split a PDF
  • Images to PDF
  • PDF to images
  • Remove photo location

Video & audio

  • Compress video
  • Convert video
  • Video to GIF
  • Convert audio
  • Trim audio

Everyday

  • QR codes
  • Passwords
  • Time zones
  • Unit converter
  • Word count
  • Webcam test

Developer

  • JSON formatter
  • Base64
  • Regex tester
  • Hashes
  • JWT decoder

Site

  • About
  • Contact
  • Settings
  • Privacy
  • Terms
  • Site map
  • llms.txt

Everyday

  • Images
  • Video
  • Audio
  • PDF & files
  • Text
  • QR codes
  • Units & math
  • Time & dates
  • Color
  • Passwords & IDs
  • Device tests
  • Sun & moon

For developers

  • JSON
  • Encoding
  • Regex & cron
  • Web & auth
  • Hashing & encryption
  • Config files
  • Network
  • Browser
  • AI
  • Fake data
© Nutter Toolsnutter.tools
  1. Home
  2. Regex & cron
  3. Tailwind Class Converter
Your files stay on your device

Tailwind Class Converter

Expand Tailwind classes into plain CSS or map CSS back to the closest default utilities, pinned to Tailwind 3.4.17.

This tool is in beta

Still being tested. If a result looks wrong, tell us.

Report a problem

Paste something to convert it.

The value tables come from Tailwind CSS 3.4.17's default theme, stored with this page. A custom tailwind.config.js or Tailwind v4 (oklch colors, CSS config) produces different values, so the output here is a faithful default-theme projection, not a build of your project. Families that only work through Tailwind's internal custom properties, like gradient stops (from-, via-, to-), ring, divide, space, animations and the filters, are reported instead of converted, because piecing them apart would produce CSS that looks right but behaves differently. In the reverse direction a px value never counts as exact: rem utilities equal it only at a 16px root font size, and the result says when that applies.

Direction

A class list, or markup with class and className attributes
For the generated rule, up to 200 characters

The theme is pinned to Tailwind 3.4.17: up to 2,000 unique classes or 1,000 CSS rules per run, 100,000 characters per paste.

More regex & cron tools

  • Regex tester
  • Glob tester
  • Color converter & contrast
All regex & cron tools

Was this tool useful?