RTL

Windi CSS has out-of-box RTL support with zero configuration from v2.5.4.

By prefixing the rtl: variant to utilities, they will only apply when RTL is enabled.

It's easy to enable RTL, you just need to apply dir="rtl" on the html element.

<html>
<body>
  <!-- RTL disabled -->
</body>
</html>

<html dir="rtl">
<body>
  <!-- RTL enabled -->
</body>
</html>
Windi CSS is Sunsetting We recommend new projects to consider alternatives. Click for more information.