Quran Mazid

Quran Mazid is a modern, fully responsive Quran reading and listening web application designed to deliver a seamless spiritual learning experience across mobile, tablet, and desktop devices. Users can explore all 114 Surahs with Arabic text and English translation, listen to recitations, customize reading preferences, and search Surahs instantly with an intuitive dark/light mode interface.

Quran Mazid preview 1
Quran Mazid preview 2
Quran Mazid preview 3
Quran Mazid preview 4

Tech Stack

Next.js
Tailwind CSS
ShadcnUI
TypeScript
Express.js

Key Features

Browse and read all 114 Surahs with Arabic and English translation

Listen to Surah and Ayah recitations with integrated audio playback

Search Surahs instantly with fast and user-friendly search functionality

Customize Arabic font family for a personalized reading experience

Adjust Arabic and English translation font sizes independently

Fully responsive design optimized for mobile, tablet, and desktop devices

Switch seamlessly between dark mode and light mode themes

Smooth navigation between Surahs and Ayahs for better usability

Clean and accessible UI focused on distraction-free Quran reading

Optimized performance for a fast and seamless user experience

Persist user settings in local storage