Tailwind to CSS Converter

Convert Tailwind CSS classes to plain CSS. Paste your Tailwind classes and get the equivalent CSS. Free online converter.

Tailwind Classes

8 classes

CSS Output

.element {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  color: #ffffff;
  font-weight: 700;
}

Preview

Preview Element