Penelitian ini bertujuan untuk mengembangkan antarmuka pengguna (frontend) dari Sistem Informasi Masjid Salman ITB berbasis mobile dan website menggunakan framework Flutter dan Vue.js. Masjid Salman ITB mengalami peningkatan aktivitas yang memerlukan sistem manajemen keuangan yang lebih efektif dan transparan. Flutter dipilih untuk platform mobile karena kemampuannya dalam mengompilasi kode menjadi kode native dengan cepat tanpa adanya interpreter, sedangkan Vue.js dipilih untuk platform website karena mendukung arsitektur MVC, mudah digunakan, dan memiliki dukungan komunitas yang luas. Pengembangan frontend difokuskan pada pembuatan antarmuka yang responsif dan user-friendly untuk memudahkan pengurus masjid dalam mengelola anggaran serta memberikan kemudahan bagi jamaah dalam mengakses informasi keuangan dan kegiatan masjid. Sistem yang dibangun telah diuji menggunakan metode blackbox testing dan User Acceptance Test (UAT), yang menunjukkan bahwa sistem ini memenuhi kebutuhan pengguna dengan tingkat kepuasan yang tinggi, di mana 84.03% responden menyatakan setuju atau sangat setuju bahwa sistem ini mudah digunakan, efisien, dan desainnya menarik. Dengan demikian, hasil pengembangan ini diharapkan dapat meningkatkan efisiensi pengelolaan keuangan dan transparansi kegiatan di Masjid Salman ITB.
Kata Kunci: Frontend, Flutter, Vue.js, Sistem Informasi, Masjid Salman ITB, Blackbox Testing, User Acceptance Test.