What is SDAIA UI?

SDAIA UI is the official design system for Saudi Data and Artificial Intelligence Authority (SDAIA). It provides a comprehensive set of components, guidelines, and tools to build consistent and accessible digital products.

How do I install SDAIA UI?

You can install SDAIA UI by running the following command:

Does SDAIA UI support dark mode?

Yes, SDAIA UI has first-class dark mode support. It uses CSS variables and Tailwind's dark variant to provide seamless theme switching without any flash of unstyled content.

Is SDAIA UI accessible?

Accessibility is a core principle of SDAIA UI. All components are built with WCAG 2.1 AA compliance in mind, including proper ARIA attributes, keyboard navigation, and screen reader support.

SDAIA UI is compatible with all modern browsers and supports the following frameworks:

• Next.js 13+ (App Router and Pages Router)
• React 18+ with Vite
• Remix
• Astro