Gamifikasi merupakan penerapan elemen permainan ke dalam konteks non-permainan yang bertujuan meningkatkan motivasi dan keterlibatan pengguna dalam proses pembelajaran. Framework Bootstrap merupakan salah satu materi penting dalam mata kuliah pengembangan web, namun karakteristiknya yang teknis serta memuat banyak kelas dan komponen menyebabkan mahasiswa memerlukan media pembelajaran yang mendukung visualisasi, praktik, dan interaksi secara langsung. Penelitian ini bertujuan mengembangkan dan mengukur kevalidan media pembelajaran interaktif berbasis web pada materi Framework Bootstrap yang mengintegrasikan pendekatan gamifikasi dengan model tutorial. Metode yang digunakan adalah Research and Development (R&D) dengan model pengembangan DDD-E (Decide, Design, Develop, dan Evaluate). Pengembangan media dilakukan hingga tahap evaluasi melalui validasi oleh ahli materi dan ahli media. Media dikembangkan menggunakan framework Laravel, framework Bootstrap, dan sistem manajemen basis data MySQL, serta dilengkapi fitur live coding yang memungkinkan pengguna menulis, menjalankan, dan melihat hasil kode HTML, CSS, dan Bootstrap secara langsung melalui browser. Elemen gamifikasi yang diterapkan meliputi poin, lencana, leaderboard, umpan balik instan, sistem penguncian, progres pembelajaran, dan sertifikat yang diintegrasikan ke dalam alur model tutorial. Hasil validasi materi oleh dua ahli materi memperoleh persentase capaian sebesar 77,35% dengan kriteria tinggi, sedangkan validasi media oleh dua ahli media memperoleh persentase capaian sebesar 71,58% dengan kriteria tinggi. Berdasarkan hasil tersebut, media pembelajaran yang dikembangkan dinyatakan valid sebagai media pendukung pembelajaran pada materi Framework Bootstrap.