About Kitab

Kitab (كتاب) Kitab (كتاب — meaning "book" in Arabic) is a multilingual blog starter template that demonstrates what's possible when you build with RTL-first infrastructure from day one.

This entire site — every component, layout, and interaction — is built with noorui-rtl, an open-source design system for bilingual applications.

Why Kitab Exists

Most blog templates treat right-to-left languages as an afterthought. A CSS override here, a direction toggle there. The result? Broken layouts, inconsistent typography, and frustrated users.

Kitab takes a different approach. Every component was built to work seamlessly across four languages — English, French, Arabic, and Urdu — representing both LTR and RTL writing systems.

What Powers This Site

The noorui-rtl component library provides over 50 production-ready React components designed with:

RTL-first architecture using CSS logical properties
Bilingual support where Arabic and English are equal citizens
Full accessibility with WCAG AA compliance
Modern tooling including Next.js 14, TypeScript, and Tailwind CSS

RTL isn't a feature you add. It's a constraint that makes your system better.

— The noorui-rtl philosophy

Explore the Admin Dashboard

Kitab includes a complete content management system showcasing noorui-rtl's advanced components in action.

Guest mode available! You can explore the full admin panel without signing up. Access it from the navigation header.

What you'll find in the dashboard:

A responsive sidebar layout using DashboardShell
Post management with DataTable featuring sorting, filtering, and pagination
A rich text editor with full RTL support
Image uploads integrated with Supabase Storage
Multi-locale content fields for managing translations
Authentication via Google OAuth

For Developers

Kitab is designed to be both a demo and a starting point. If you're building a multilingual application — especially one serving Arabic, Hebrew, Urdu, Farsi, or other RTL languages — this template shows you what proper RTL implementation looks like.

Technical Highlights

Feature	Description
Direction Switching	Automatic RTL/LTR based on locale
MDX Components	Blockquotes, callouts, code blocks, media embeds
Rich Text Editor	Full bidirectional text support
Image Handling	Supabase Storage integration
Type Safety	Full TypeScript coverage
Internationalization	4 languages out of the box

The source code demonstrates patterns you can adopt in your own projects, from handling bidirectional text to managing multi-locale content.

For local development: Explore all available MDX components at /components-demo to see what's possible for your blog content.

Get Started with noorui-rtl

Ready to build your own multilingual application?

Whether you're building a blog, an e-commerce platform, or a SaaS dashboard for the GCC market — noorui-rtl gives you the foundation to ship faster without sacrificing quality for your RTL users.

Explore noorui-rtl →

The documentation includes installation guides, component examples, and best practices for RTL development. Everything is open source and free to use.

About the Creator

Kitab and noorui-rtl are created by Nuno Marques (aka OSITAKA) — a designer and developer passionate about building better infrastructure for multilingual applications, particularly for the GCC market.

Want to connect? Find Nuno on GitHub and LinkedIn to follow the journey of building RTL-first design systems in public.

Kitab is part of the noorui-rtl starter collection. Built with care for developers serving multilingual audiences.