P Perbandingan Efektivitas Bootstrap dan Tailwind CSS dalam Pengembangan UI Web Responsif
Abstract
This study presents a critical evaluation of Bootstrap and Tailwind CSS as front-end frameworks for developing modern, adaptive, and structured web interfaces. The research background highlights that previous studies have primarily focused on Bootstrap, whereas Tailwind CSS has received relatively limited academic attention. A descriptive comparative approach was employed by developing a simple web prototype using both frameworks. The analysis focused on several aspects, including lines of code, maintainability, design flexibility, responsiveness, and development time. The findings indicate that Bootstrap excels in rapid implementation and consistent design, making it suitable for beginners and projects requiring uniformity. In contrast, Tailwind CSS demonstrates efficiency in code utilization and provides higher design flexibility, though it requires more time and expertise in the initial phase. In conclusion, framework selection should be context-driven: Bootstrap is more suitable for projects demanding speed and consistency, while Tailwind CSS is preferable for projects requiring unique and adaptive design.
Downloads
References
M. F. Santoso, “Jurnal Media Informatika [JUMIN] Implementasi Teknologi Frontend Modern pada Website Yellowweb: Kolaborasi Booostrap 5 Framework dan jQuery,” J. Media Inform., vol. 6, no. 2, pp. 873–883, 2025, [Online]. Available: https://www.researchgate.net/publication/388654337_Implementasi_Teknologi_Frontend_Modern_pada_Website_Yellowweb_Kolaborasi_Boostrap_5_Framework_dan_jQuery
M. F. Santoso, “MF Optimization of Delivery Management Through a Web-Based Monitoring Application Using PHP and Bootstrap,” J. Teknol. Dan Sist. Inf. Bisnis, vol. 7, no. 3, pp. 355–363, 2025, doi: 10.47233/jteksis.v7i3.1686.
M. F. Santoso, “TEKNIK SINGLE PAGE APPLICATION (SPA) LAYOUT WEB DENGAN MENGGUNAKANREACT JS DAN BOOTSTRAP,” J. Khatulistiwa Inform., vol. 9, pp. 107–114, Dec. 2021.
R. Akbar and M. Mukhtar, “Perancangan E-Tracer Study berbasis Sistem Cerdas,” J. Sisfokom (Sistem Inf. dan Komputer), vol. 9, no. 1, pp. 8–12, 2020, doi: 10.32736/sisfokom.v9i1.631.
H. Nuryansyah and E. Hermawan, “Perancangan Sistem Informasi Manajemen Ekstrakurikuler Berbasis Web Pada Sekolah Menengah Kejuruan Negeri 5 Kota Bandung,” J. Sisfokom (Sistem Inf. dan Komputer), vol. 10, no. 3, pp. 298–305, 2021, doi: 10.32736/sisfokom.v10i3.1199.
R. Kurniawan, Y. Sholva, and E. E. Pratama, “Pengembangan Front-End Aplikasi Lomba Mewarnai menggunakan HTML Canvas dengan Library React JS,” vol. 11, no. 2, pp. 211–229, 2025.
M. A. Irwansyah, T. Tursina, and A. Perwitasari, “Pengembangan Website Dinas Kesehatan Kota Singkawang,” J. Edukasi dan Penelit. Inform., vol. 6, no. 2, p. 175, 2020, doi: 10.26418/jp.v6i2.28821.
A. R. Chrismanto, A. Wibowo, L. Chrisantyo, and M. N. A. Rini, “Implementasi Feature Driven Development untuk Mempermudah Ekualitas Fitur dan Adaptasi pada Pengembangan Portal Dutatani Web dan Mobile,” J. Edukasi dan Penelit. Inform., vol. 8, no. 1, p. 62, 2022, doi: 10.26418/jp.v8i1.50715.
D. Derisma, “Analyzing User Experience of Website for the Learning of Programming Language,” J. Edukasi dan Penelit. Inform., vol. 6, no. 1, p. 1, 2020, doi: 10.26418/jp.v6i1.40000.
D. Dahnial, “Aplikasi E-Voting Untuk Pemilihan Ketua Osis Di Sma Xyz Berbasis Web Responsive,” J. Sisfokom (Sistem Inf. dan Komputer), vol. 9, no. 1, pp. 144–151, 2020, doi: 10.32736/sisfokom.v9i1.819.
D. Nasien and A. Andi, “Optimization of Genetic Algorithm in Courses Scheduling,” IT J. Res. Dev., vol. 6, no. 2, pp. 151–161, 2022, doi: 10.25299/itjrd.2022.7896.
S. Azhariyah and Muhammad Mukhlis, “Framework CSS: Tailwind CSS Untuk Front-End Website Store PT. XYZ,” J. Inform., vol. 3, no. 1, pp. 30–36, 2024, doi: 10.57094/ji.v3i1.1601.
P. P. Arhandi, S. N. Arief, and A. T. Firdausi, “JIP (Jurnal Informatika Polinema) PENGEMBANGAN WEBSITE PENDUKUNG MASTERY BASED LEARNING UNTUK PEMBELAJARAN MAHASISWA,” J. Inform. Polinema, vol. 1, no. 9, pp. 51–58, 2022.
K. Arya Bayu Wirya Kesuma, I. N. Y. A. Wijaya, and I. G. J. E. Putra, “Implementasi Next.Js, Typescript, Dan Tailwind Css Untuk Pengembangan Aplikasi Frontend Sistem Inventory Perusahaan Apar (Studi Kasus: CV Indoka Surya Jaya),” Jikom J. Inform. dan Komput., vol. 14, no. 2, pp. 95–108, 2024, doi: 10.55794/jikom.v14i2.195.
J. Firnando, B. Franko, S. Pratama Tanzil, N. Wilyanto, H. Christianto Tan, and E. M. Hartati Kom, “Pembuatan Website Menggunakan Visual Studio Code di SMA Xaverius 3 Palembang,” Fordicate, vol. 3, no. 1, pp. 1–8, 2023.
M. Dicky and S. Lubis, “Jurnal Widya DESIGN PERANCANGAN SISTEM INFORMASI WEBSITE TEXT EDITOR VISUAL STUDIO CODE Jurnal Widya,” vol. 6, no. April, pp. 34–52, 2025.
A. A. Kurniawan, “Analisis Performa Progressive Web Application (Pwa) Pada Perangkat Mobile,” J. Ilm. Inform. Komput., vol. 25, no. 1, pp. 18–31, 2020, doi: 10.35760/ik.2020.v25i1.2510.
A. Herwanto, “Analisis Perbandingan Kinerja Browser : Studi Kasus Google Chrome , Mozilla Firefox,” vol. 4, no. 3, pp. 3545–3549, 2025.
K. W. Prasastyo, “Analisis Anteseden Loyalitas Penggunaan Web Browser Google Chrome dengan Job Related It sebagai Variabel Moderating,” J. Bisnis dan Akunt., vol. 18, no. 1, pp. 63–72, 2016, [Online]. Available: https://jurnaltsm.id/index.php/JBA/article/view/38
A. T. Saputro and M. Novita, “Comparative Analysis of Express and Hono Framework Performance in Simple Registration Application,” Sinkron, vol. 9, no. 1, pp. 406–412, 2025, doi: 10.33395/sinkron.v9i1.14333.
Y. Darmi, K. Pinandita, and U. Muhammadiyah Bengkulu, “Implementasi Perbandingan Metode Graphql Dan Rest Api Pada Teknologi Nodejs Comparative Implementation of Graphql and Rest Api Methods in Nodejs Technology,” J. Inf. Technol. Comput. Sci., vol. 7, no. 1, 2024.
I. F. Balino and Y. R. Beeh, “Perancangan Sistem Aplikasi Gudang Toko Angkasa Jaya Motor Berbasis Web Menggunakan Node.Js,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 9, no. 4, pp. 2220–2232, 2024, doi: 10.29100/jipi.v9i4.5587.
P. Mata, K. Perancangan, W. Design, B. Harahap, M. R. Ramadhan, and N. Kurniawan, “Analisis Framework , Library Front-End Populer : Bootstrap , Tailwind,” vol. 4, no. 2, pp. 329–334, 2025.
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under an Attribution 4.0 International (CC BY 4.0) that allows others to share — copy and redistribute the material in any medium or format and adapt — remix, transform, and build upon the material for any purpose, even commercially with an acknowledgment of the work's authorship and initial publication in this journal.
