Docs / RTL
Right-to-left is a direction, not a stylesheet: set dir and the catalog follows.
There is no RTL build, no .rtl variant and nothing to download twice. Write direction into the document and the same files lay out right-to-left:
<html lang="ar" dir="rtl">
It works on any container, too — dir="rtl" on a section flips that section only, which is how mixed-direction pages are usually built.
The site chrome and the structural parts are written with logical properties — inline-start and inline-end instead of left and right — so sidebars trade sides, menus open from their other edge, panels anchor to the new start, form groups and button seams join in the new direction, and breadcrumbs, pagination and navigation follow. Flex and grid layouts follow direction on their own; the Switch knob, which moves on a physical track, carries an explicit flip rule.
Text alignment follows too: start-aligned in LTR is start-aligned in RTL, and numeric columns align to the end in both.
The showpieces keyed to physical coordinates stay physical: the Spotlight beam follows a cursor, the Comparison seam divides a picture, the Aurora washes drift where they drift, and the Drawer slides from the side it was built for. Direction is about reading order, not about re-choreographing effects. Directional icons — arrows, chevrons, the little plane on a send button — are glyphs, and flipping a glyph is a design decision left to the page.
The vermillion core sits at the center of active controls. Centers have no direction, so the signature survives the flip untouched.
Introduction · Getting Started · CLI · Theming · Dark Mode · Accessibility · Installation · Plain HTML · Astro · Laravel · JavaScript · Guide: Building a Dashboard · Guide: Building a Settings Page · Guide: Building a Pricing Page · Guide: Sign-in & Account Pages · Why Vanilla · The Mold · Anatomy of a Part · Coming from Tailwind · FAQ · Registry · Forms · MCP Server · Changelog