Будувати споруду почали в 1980 році. Король Хасан II мріяв звести одну з велічайштх мечетей у світі на самому березі Африки, на узбережжі океану. Рішення звести мечеть в Касабланці визначалося тим, що в місті проживає понад 3 мільйонів чоловік, набагато більше, ніж у столиці - Рабаті. Касабланка - головний промисловий центр країни, провідний торговий місто всієї Північної Африки. Всі великотоннажні судна заходять в порт цього міста. І перше, що вони бачать здалеку - підноситься мінарет.
В якості архітектора король запросив француза Мішеля Пінсо, автора багатьох відомих об`єктів Парижа і до того ж близького друга короля. Пінсо побудував королівський палац у Агадире, університет в Іфань, особняки в Рабаті. Він знав смаки короля. Але коли порахували необхідні кошти для зведення найвидатнішою мечеті, то цифра наблизилася до 1 мільярду доларів. Просочилися відомості про це викликали невдоволення в суспільстві. Марокко не так багата країна, щоб будувати такі дорогі споруди, навіть якщо це мечеть для всіх мусульман. Пропонувалося витратити ці кошти для покращення життя та інфраструктури найбідніших районів міста. Але король не захотів відмовлятися від ідеї зведення мечеті, яка повинна була стати гордістю Марокко й усього мусульманського світу.
У плотнозастроенной Касабланці не виявилося достатнього місця для зведення такого грандіозного споруди. Крім того, у короля була улюблена фраза з Корану про те, що трон Бога був на воді. Тому вирішено було створити штучний острів.
Пінсо проектував мечеть так, щоб у дивить на неї складалося враження, ніби вона не тільки трон Бога, але й корабель з високою щоглою, який ковзає по хвилях.
Мечеть була відкрита в серпні 1993 року. За величиною вона друга після знаменитої мечеті в Мецці Масджид аль-Харам, але мінарет виявився на висоті. Сьогодні йому немає рівних у світі. У молитовному залі встановлені 78 колон з рожевого граніту, підлоги викладені плиткою з білого мармуру і зеленого онікса. Над головою висять півторатонні люстри з венеціанського скла. Покрівля на висоті 60 метрів покрита яскраво-смарагдовою черепицею. При необхідності вона розсувається, і тоді весь молитовний зал, що вміщає 25 тисяч чоловік, наповнюється сонячним світлом.