Noor UI
Built for the GCC market. Arabic and English, equal citizens.
A comprehensive, modern design system with full bilingual support. 77+ accessible components, 4 beautiful themes, perfect RTL mirroring. Bringing light to multilingual interface design.
Quick Start
Install via npm and start building in minutes
Everything You Need
Production-ready components for modern web applications
77+ Components
Complete UI toolkit from buttons to complex data tables, plus experimental AI/LLM components
True Bilingual
RTL-first architecture with perfect Arabic support
Accessible
WCAG AA compliant with full keyboard navigation
4 Themes
From minimal to artistic, all from the same tokens
Token-Based
Customize everything through design tokens
Modern Stack
Built with Next.js 14, TypeScript, and Tailwind CSS
Built With Noor UI
Real application examples — fully bilingual, fully responsive, every page works in both LTR and RTL.
Education Portal
Student dashboard with Saudi grading, weekly timetable, assignments, and attendance.
Healthcare Clinic
Clinic management with appointments, patient directory, and Hijri date support.
Digital Banking
Personal finance with transactions, OTP transfers, bill payments, and card management.
Hotel Booking
Full booking flow with search, galleries, multi-step booking, and reservations.
Interactive Component Playground
Explore 749 interactive stories across 74 components. Switch between RTL/LTR, try different themes, and test accessibility—all in your browser.
Themes
Choose from 4 beautiful themes, all powered by the same design tokens