Skip to content
Thanawi
Thanawi Design System

Calm, precise interfaces in two languages

Design tokens, React components and guidelines for Thanawi products. OKLCH color, Cairo type, and right-to-left support built in from the start.

Get startedBrowse components

What’s inside

  • Tokens

    Primitives, semantics and component usage, exposed as --th-* CSS variables and Tailwind utilities.

  • Components

    Accessible React components built on Radix primitives with clear states for money-moving flows.

  • Bilingual by default

    Logical properties everywhere, so every component works in English and Arabic without extra effort.