Qahera is an open-source, AI-native design system built for modern web development. It combines contract-driven components, design tokens, UX patterns, and AI-ready context across React, PHP, HTML, Web Components, and HTMX — with Arabic and RTL designed in from the foundation. AI-native UI engineering design system for Arabic, RTL, and multi-stack apps, Contract-Driven Design System & Multi-Target Component Architecture (React, PHP Plates, Native HTML, Web Components) - alwkala/Qahera-UI-Kit

AI can generate a UI in seconds. The harder problem is getting it to generate the same design language consistently across an entire product. We built Qahera to explore a different approach: a design system that is understandable not only by developers, but also by AI coding agents. Qahera combines: • Contract-driven components • Design tokens and patterns • AI-ready design context • Multi-stack implementations • Native Arabic & RTL support It is designed to work across React, PHP, HTML, Web Components, and HTMX. We’re open-sourcing it because we want to explore where design systems are heading in the AI-native development era. If you build with AI coding agents, I’d especially love your feedback: Does a machine-readable design system actually improve the consistency of AI-generated interfaces? What would you want Qahera to understand next?