DEVELOPER TOOL

RTL/LTRConverter

Convert CSS and HTML between LTR and RTL in one click. Flip directional properties and Tailwind classes, optionally set dir attribute.

styles.css
.card {
  margin-left: 16px;
  padding-right: 12px;
  text-align: left;
}

                    
converted.css
.card {
  margin-right: 16px;
  padding-left: 12px;
  text-align: right;
}

                    
KEY FEATURES

Core Capabilities

Flip directional CSS properties and Tailwind utilities. Optionally set dir attribute for HTML documents.

CSS Flipping

Margin/Padding/Border left↔right, text-align, float/clear, position left/right, direction

Tailwind Mirroring

Flip common directional utilities like ml/mr, pl/pr, border-l/r, rounded-l/r, text-left/right

HTML Direction

Set documentdir="rtl"attribute and convert inline styles and legacy align attributes

Ready to Convert?

Jump into the dashboard and convert your CSS/HTML now.

Open Dashboard