← All work
Design system · 2026
Our own open-source component library for Next.js, built right-to-left first so interfaces work in Arabic, Hebrew and Urdu as well as they do in English.
Visit live site ↗
The challenge
Most libraries break in Arabic.
Popular component libraries are written for left-to-right languages. Switch to Arabic or Urdu and icons point the wrong way, menus open on the wrong side and phone numbers get scrambled.
Our approach
Logical properties, everywhere.
We built every component with logical CSS (start and end instead of left and right), one direction provider, three layers of design tokens and dark mode, then shipped it as a registry and a CLI you can copy into any project.
Results
By the numbers.
0UI components in the registry
0Ready-made marketing blocks
0Writing directions, tested on every page
Inside the project
A closer look.
What we delivered
From research to launch.
- Design tokens
- Component library
- Marketing blocks
- Docs website
- CLI tool
- Dark mode