Oratiq is an RTL-first component distribution for Next.js — copy-in components on Radix and Tailwind that mirror perfectly for the billion people who read right-to-left. Same developer experience you know. World-ready by default.
$ npx @oratiq-js/ui initdir="ltr"
dir="rtl"
62
components, all installable
2
writing directions, one codebase
0
physical left/right classes
100%
MIT — free, forever
Why Oratiq
Most libraries bolt right-to-left on afterwards — and it shows. Oratiq was built the other way around.
ms-, pe-, start-, end- — never left or right. Layouts, radii, and borders mirror under dir="rtl" with zero per-component work.
Phone numbers, shortcuts, OTP codes, and URLs are isolated so the Unicode bidi algorithm can't scramble them mid-sentence.
Keyboard navigation, sheet and toast edges, carousel scroll, progress fill, and calendar grids all follow the writing direction.
Three layers: primitive ramps → semantic roles → utilities. Re-branding the whole system is a CSS override, never a component edit.
The CLI copies components into your repo — with their dependencies. Edit any line. No lock-in, no version treadmill, MIT licensed.
A machine-readable llms.txt publishes the conventions, tokens, and component index — so your coding agent writes idiomatic Oratiq.
60 seconds to first component
01
Detects your layout, writes the token layer, the cn() helper, and the Providers wrapper. Zero questions asked.
02
Each component arrives with everything it depends on, copied into your repo as plain files you own.
03
Import from your own folder and build. Dark mode, RTL, and keyboard support are already inside.
The receipts
We counted the direction-dependent classes in the most popular copy-in library's public registry, then in ours.
| In the component source | shadcn/ui | Oratiq |
|---|---|---|
| Physical classes that break in RTL (left-, pr-, …) | 94 | 1 |
| Logical, direction-aware classes (start-, pe-, …) | 0 | 75 |
| Bidi isolation (<bdi>, dir=) | 0 | 24 |
| Combobox, Date Picker, Data Table installable via CLI | — | ✓ |
Counted across both public registries, July 2026. shadcn/ui is excellent — Oratiq exists for teams whose users also read right-to-left.
One command. Sixty seconds. Every component on this page is Oratiq — flip your browser to RTL and watch it all mirror.
$ npx @oratiq-js/ui init