Al-Qur’an, kitab suci utama dalam Islam, diyakini oleh umat Muslim sebagai wahyu Allah SWT kepada Nabi Muhammad SAW. Al-Qur’an menjadi sumber rujukan untuk berbagai masalah dan semua aspeknya sangat menarik untuk dipelajari. Pembacaan Al-Qur’an memerlukan pemahaman tentang ilmu tajwid diantaranya hukum mad far’i. Materi hukum mad far’i menjadi materi yang terdapat pada mata pelajaran al qur’an dan hadits yang dapat disajikan menggunakan media pembelajaran interaktif berbasis web agar lebih menarik untuk mempelajarinya. tujuan penelitian ini untuk mengembangkan media pembelajaran interaktif berbasis web pada materi hukum tajwid mad far’i, dengan menerapkan sintaks model demonstrasi. Metode penelitian menggunakan Research and Development (R&D) dengan prosedur pengembangan ADDIE yang sudah dibatasi terdiri dari tahapan Analysis, Design, Development dan Evaluation. Teknologi yang digunakan yaitu HTML, CSS, Javascript, JSON, Firebase, Canva, Capcut, dan Netlify. Media pembelajaran ini berisikan materi mad far’i, gambar, contoh soal, latihan, video demonstrasi, kuis, dan evaluasi yang dikemas secara interaktif. Validitas materi menunjukkan hasil sebesar 85% yang dikategorikan capaian sangat tinggi dan validitas media menunjukkan hasil sebesar 75% yang dikategorikan capaian tinggi. Oleh karena itu, media pembelajaran interaktif pada materi hukum tajwid mad far’i dengan metode demonstrasi dinyatakan valid.