RTL (Right-to-Left) support request

[samimideveloper]

Problem or use case

Hello team,
I’m building a project in a RTL language and would like to know if Untitled UI React currently supports RTL layouts out of the box.
If not:
1-Is there a timeline/roadmap for a stable RTL version?
2-Are there any recommended workarounds or partial solutions until that version is released?
Thanks a lot.

Proposed solution

I’d like to have full RTL (Right-to-Left) layout support in Untitled UI React.
This means that all components — such as buttons, forms, navigation bars, and modals — should automatically flip their layout and spacing when the dir="rtl" attribute is applied to the document or container.

Ideally, RTL support could be enabled globally (e.g., via a configuration or provider) and also allow per-component overrides.

This would make it much easier to use Untitled UI React in Persian projects without manually adjusting styles.

Alternatives considered

No response

Examples or mockups

No response

[sentience]

See also #114

[deebov]

Hey @samimideveloper, thanks for the suggestion. I already replied regarding this topic in #101.

Quote:

[...] We've done an internal PoC for RTL support and 80-90% of components are working without manual modification so far. We'll iterate a bit with this and probably ship RTL in the next version.

[deebov]

Hey @samimideveloper @sentience, thanks for your patience.

We just released support for RTL with our v8.0 release. Please see the migration guide https://www.untitledui.com/react/docs/rtl.

Feel free to open an issue if you find bugs with RTL.