Prophet Muhammad (blessings of God be upon him and his progeny and grant him peace) said 'Seeking knowledge is an obligation upon every Muslim' [Ibn Majah] and 'Whoever travels a path in search of knowledge, Allah will make easy for him a path to Paradise' [Shahih Muslim]. From this hadith, stated that one of the most important pray on Islam is about to learn about the religion itself. It is obligatory for a Muslim to study the science of religion to know Allah, His Prophet, and Islam along with the proofs. However, Islamic knowledge students who do not attend formal Islamic Institution class generally will need information of available live Islamic Studies around the cities (sometimes countries) and time adjustment to attend it. intense activities can be an obstacle to attend live Islamic lectures. On the other hand, current generation has been providing solutions for flexible learning. One of them is m-Learning. Based on this issue, this research discusses the development and evaluation of m-learning application for learning the foundation of Islamic knowledge design by integrating online learning theory with Islamic learning methods to help learn Islam easier. This research was conducted using a mixed method by combining qualitative and quantitative approaches. The design development in this study uses the User-Centred Design (UCD) method. Research data were obtained through interview with Islamic education experts, online questionnaires, and contextual interviews. After doing requirements gathering, we obtained 22 design insights of the Islamic foundation m-Learning application. Design evaluation provides the results of SUS score with the score of 76, and we have proposed 56 suggestions related to interaction design; three suggestions are related to learning systems.