Skip to content

Kit UI Game, Paket HUD, dan Font Gratis Terbaik untuk Game (2026)

Terakhir diperbarui: September 2026.

Kit UI game gratis terbaik masih Kenney's UI Pack: 430 tombol, panel, slider, dan ikon CC0 dalam gaya datar yang bersih, dilengkapi versi bertema fiksi ilmiah dan petualangan piksel, serta paket Input Prompts yang serasi untuk setiap tombol kontroler yang mungkin perlu Anda tampilkan. Untuk font, monogram dan m5x7 adalah dua font piksel CC0 yang paling sering disertakan dalam game indie, sementara Google Fonts menyediakan belasan jenis huruf display dan piksel di bawah Open Font License yang dapat Anda sematkan ke game browser tanpa perlu meminta izin siapa pun. Semua yang tercantum dalam panduan ini gratis untuk penggunaan komersial. Jika suatu lisensi mewajibkan atribusi, saya telah menyebutkannya.

UI adalah kategori aset yang biasanya ditunda hingga terakhir, lalu orang baru menyadari bahwa ada empat puluh komponen yang dibutuhkan (panel nine-slice, status hover, status nonaktif, bingkai slot, bar, kursor, dan font yang terbaca pada ukuran 12 piksel). Kit yang menyediakan semuanya dalam satu gaya dapat menghemat waktu seminggu. Berikut semua sumber yang layak ditandai, dengan ketentuan lisensi yang telah diverifikasi pada September 2026.

Pilihan cepat

  • Satu kit, genre apa pun, tanpa risiko lisensi: Kenney UI Pack (CC0). Tambahkan UI Pack Sci-Fi atau UI Pack Pixel Adventure untuk varian bertema.
  • Glif kontroler, papan ketik, dan tetikus: Kenney Input Prompts (CC0). Xbox, PlayStation, Switch, Steam Deck, papan ketik, dan tetikus, dalam gaya datar dan garis luar.
  • Bingkai, slot, dan banner RPG dalam tiga belas tema: Complete UI Essential Pack dari Crusenho (CC BY 4.0). Tema Flat gratis, semua tema lainnya mulai dari $3.50.
  • Kit bertema berkualitas tinggi tanpa atribusi: bagian gratis Craftpix (lisensi khusus, boleh digunakan secara komersial).
  • Empat ribu ikon inventaris dan kemampuan: Game-icons.net (CC BY 3.0, cantumkan kredit untuk senimannya).
  • Font piksel yang terbaca pada ukuran 12 piksel: monogram dan m5x7 (keduanya CC0).
  • Font display dan judul yang dapat disematkan di web: Press Start 2P, VT323, Silkscreen, Pixelify Sans, Orbitron, dan Bangers di Google Fonts (OFL).
  • Ikon dengan gaya Anda sendiri: Generator Gambar Cinevva melalui akun gratis, lalu potong sesuai ukuran.
  • Tidak ingin membuat HUD sama sekali: jelaskan gamenya di pembuat game, lalu alat tersebut akan membuat antarmuka beserta gamenya.

Referensi cepat

KebutuhanSumber terbaikLisensiAtribusi
Tombol, panel, sliderKenney UI PackCC0Tidak ada
HUD fiksi ilmiahKenney UI Pack Sci-FiCC0Tidak ada
HUD seni pikselKenney UI Pack Pixel AdventureCC0Tidak ada
Glif kontroler dan tombolKenney Input PromptsCC0Tidak ada
Kontrol sentuhKenney Mobile ControlsCC0Tidak ada
Bingkai, slot, dan banner RPGComplete UI Essential PackCC BY 4.0Wajib mencantumkan kredit
Kit bertema (fantasi, kasual)Craftpix gratisLisensi CraftpixTidak ada, dilarang dijual kembali
Ikon inventaris dan kemampuanGame-icons.netCC BY 3.0Cantumkan kredit untuk senimannya
Font teks utama pikselmonogram, m5x7CC0Tidak ada
Font display retroPress Start 2P, VT323, SilkscreenOFLTidak ada
Font display modernOrbitron, Bangers, Russo OneOFLTidak ada
Font buatan KenneyKenney FontsCC0Tidak ada

Paket UI Kenney

Kenney telah merilis setiap asetnya di bawah CC0 selama lebih dari satu dekade, sehingga paket-paket tersebut muncul dalam begitu banyak game yang telah dirilis. Paket UI-nya adalah pilihan terbaik untuk memulai.

UI Pack adalah paket dasarnya: 430 elemen yang mencakup tombol dalam beberapa warna dan status, panel, slider, kotak centang, tombol radio, panah, ikon, serta bingkai nine-slice yang diperlukan untuk merentangkan panel ke ukuran apa pun. Gayanya bersih dan datar, sehingga cocok untuk sebagian besar game tanpa mendominasi tampilannya.

UI Pack Sci-Fi dan UI Pack Pixel Adventure menawarkan konsep yang sama dalam dua gaya: bingkai HUD bersudut untuk game luar angkasa atau cyberpunk, serta bingkai piksel tebal untuk game retro. Mobile Controls adalah kumpulan tombol sentuh dan komponen joystick virtual untuk game browser yang berjalan di ponsel, yang mencakup sebagian besar game browser.

Input Prompts layak dibahas tersendiri. Ini adalah kumpulan lengkap glif tombol kontroler untuk Xbox, PlayStation, Nintendo Switch, Steam Deck, gamepad generik, tombol papan ketik, dan tombol tetikus, dalam gaya datar, garis luar, dan piksel. Setiap game yang menampilkan "Tekan A untuk melompat" memerlukan paket ini, dan game yang menampilkannya dengan glif yang salah untuk kontroler yang terhubung bahkan lebih membutuhkannya. Padukan dengan tutorial Gamepad API kami untuk mendeteksi kontroler yang benar-benar terhubung.

Semuanya berlisensi CC0: tanpa atribusi, tanpa pembatasan, dan boleh digunakan untuk apa saja. Kenney menerima donasi, tetapi tidak mewajibkannya.

Complete UI Essential Pack

Complete UI Essential Pack dari Crusenho di itch.io adalah jawabannya untuk RPG. Paket ini berisi lebih dari 800 komponen dalam tiga belas tema (Flat, Paper, Wood, Stone, Metal, Hologram, Glass, Pumpkin, Mystic Wood, Papernote, Metalworks, Runewood, dan lainnya), masing-masing dilengkapi bingkai, slot, banner, bar, isian, menu dropdown, scrollbar, kenop, slider, bidang teks, dan tombol. Setiap komponen dibuat untuk teknik nine-slice pada ukuran 32 kali 32, sehingga panel dapat direntangkan dengan rapi. Paket ini juga menyertakan font Toriko.

Unduhan gratisnya berisi tema Flat. Paket lengkap tersedia dengan harga sesuai keinginan mulai dari $3.50, menjadikannya penawaran dengan nilai terbaik di halaman ini. Lisensinya adalah CC BY 4.0, jadi Anda dapat menggunakannya secara komersial selama mencantumkan kredit untuk pembuatnya, menautkan lisensi, dan menyebutkan perubahan yang dibuat. Satu baris pada layar kredit sudah cukup.

Bagian gratis Craftpix

Craftpix menjual paket aset game dan memberikan pilihan bergilir berupa kit UI lengkap secara gratis: antarmuka RPG fantasi, UI game match-3 kasual, HUD fiksi ilmiah, dan set menu perangkat seluler. Kualitasnya satu tingkat di atas kebanyakan sumber gratis karena kit tersebut merupakan versi ringkas dari produk berbayar.

Lisensinya menggunakan lisensi Craftpix sendiri, bukan lisensi Creative Commons, dan ketentuannya cukup ramah: proyek pribadi dan komersial tanpa batas, tanpa kewajiban atribusi. Anda tidak boleh menjual kembali berkas sumber atau versi yang hanya sedikit dimodifikasi, membagikannya dengan cara yang memungkinkan orang lain menggunakan kembali aset tersebut secara terpisah, atau menggunakannya untuk melatih model AI. Bacalah halaman lisensinya sekali sebelum mengandalkannya karena terdapat beberapa perbedaan antara tingkat gratis dan berbayar yang umumnya hanya relevan bagi studio.

Game-icons.net

Game-icons.net menyediakan sekitar 4.100 ikon vektor hitam-putih untuk berbagai hal yang benar-benar dibutuhkan game: pedang, ramuan, efek mantra, kondisi status, sumber daya, bahan kerajinan, dan kemampuan. Setiap ikon tersedia dalam format SVG, sehingga dapat diskalakan ke ukuran apa pun dan diwarnai ulang hanya dengan mengubah satu nilai fill.

Lisensinya adalah CC BY 3.0. Anda harus mencantumkan kredit untuk seniman yang menggambar setiap ikon, dan format yang disarankan situs tersebut ("Icons made by {author}. Available on https://game-icons.net") sudah memadai. Nama pembuat setiap ikon tercantum di halaman unduhannya, jadi simpan catatan dalam berkas teks sembari bekerja daripada mencoba menyusunnya kembali nanti.

Font piksel: monogram dan m5x7

Dua font lebih sering muncul dalam game indie berseni piksel dibandingkan font lainnya, dan keduanya berlisensi CC0.

monogram karya datagoblin adalah font bitmap monospace yang dirancang agar tetap mudah dibaca pada ukuran kecil maupun besar. Font ini tersedia sebagai TrueType (versi minimal dan versi lengkap dengan huruf miring), sebagai PNG bitmap dengan metrik JSON, serta sebagai font khusus PICO-8. Cakupan karakternya meliputi bahasa Inggris, Spanyol, Portugis, Rusia, dan Yunani. Ini adalah pilihan standar yang aman untuk dialog dan menu.

m5x7 karya Daniel Linssen adalah font piksel yang lebih sempit, dengan lebar lima piksel dan tinggi tujuh piksel, serta menyediakan huruf kecil, karakter beraksen, angka, dan simbol. Font ini dapat memuat lebih banyak teks dalam HUD kecil dibandingkan monogram. m3x6 karya Linssen adalah versi pasangannya yang lebih kecil lagi. Keduanya tersedia dengan harga sesuai keinginan dan lisensi CC0; atribusi dihargai, tetapi tidak diwajibkan.

Aturan untuk font piksel: render pada kelipatan bilangan bulat yang tepat dari ukuran aslinya (7, 14, atau 21 piksel untuk m5x7) dan nonaktifkan anti-aliasing. Jika tidak, tampilannya akan menjadi kabur.

Google Fonts untuk game

Google Fonts menyediakan semua jenis huruf di bawah SIL Open Font License, yang mengizinkan penyematan dalam game komersial, termasuk game browser, tanpa atribusi selain menyertakan berkas lisensi bersama font. Untuk game web, Anda cukup menggunakan satu @font-face atau sebuah <link>.

Berikut font-font yang sering digunakan dalam game:

  • Press Start 2P: font bitmap arkade. Cocok untuk judul, skor, dan "GAME OVER."
  • VT323: teks terminal, adegan peretasan, dan teks utama UI retro.
  • Silkscreen: font piksel kecil dan rapi yang mudah dibaca pada ukuran teks utama.
  • Pixelify Sans: font piksel variabel dengan beberapa ketebalan, sesuatu yang jarang ditemukan.
  • Orbitron: jenis huruf display fiksi ilmiah geometris untuk HUD dan menu.
  • Bangers: tampilan mencolok ala buku komik untuk game kasual dan kartun.
  • Russo One dan Audiowide: jenis huruf display tebal untuk UI game balap dan olahraga.

Kenney juga menyediakan Kenney Fonts, sebelas berkas font display berbentuk balok dan membulat di bawah CC0. Font-font ini serasi dengan paket UI di atas jika Anda ingin semuanya dibuat dengan satu gaya visual.

Peran Cinevva

Untuk ikon dan karya seni kecil dengan gaya yang tidak dapat Anda temukan, Generator Gambar melalui akun gratis dapat menjadi sumber cepat: gunakan prompt "ikon game datar, satu objek, latar belakang polos", lalu potong hasilnya sesuai ukuran. Alat ini tidak akan menghasilkan ikon 32 piksel yang sempurna dengan sendirinya; perkecil ukurannya menggunakan Aseprite atau Piskel.

Jika Anda tidak ingin menyusun HUD sama sekali, pembuat game dapat membuat antarmuka beserta gamenya. Jelaskan apa yang perlu dilihat pemain ("bar kesehatan, penghitung amunisi, dan minimap di sudut"), lalu alat tersebut akan membuat dan menghubungkan semuanya. Ini adalah jalur yang lebih singkat bagi siapa pun yang menemukan halaman ini karena ingin menyelesaikan game, bukan mendesain UI.

Lima aturan agar UI game siap dirilis

  • Gunakan nine-slice untuk semuanya. Panel yang digambar sebagai satu gambar akan terlihat buruk saat direntangkan. Panel yang dibagi menjadi sembilan bagian (empat sudut, empat sisi, dan satu bagian tengah) dapat direntangkan ke ukuran apa pun. Kenney dan Crusenho menyediakan bingkai yang mendukung teknik ini; periksa kit lain sebelum Anda berkomitmen menggunakannya.
  • Desain untuk layar terkecil. Game browser akan dimainkan di ponsel. Jika HUD berfungsi pada lebar 375 piksel, HUD tersebut akan berfungsi di mana saja.
  • Gunakan teks utama berukuran 14 piksel atau lebih besar di web, serta skala bilangan bulat untuk font piksel. Ukuran yang lebih kecil akan sulit dibaca di ponsel, sedangkan penskalaan font piksel dengan bilangan nonbulat akan terlihat rusak di setiap layar.
  • Tampilkan glif yang tepat untuk kontroler yang terhubung. Input Prompts menyediakan semuanya. Mendeteksi gamepad hanya memerlukan beberapa baris kode dengan Gamepad API.
  • Pilih satu kit. Mencampurkan dua gaya UI adalah cara tercepat untuk membuat game terlihat belum selesai. Inti dari sebuah kit adalah bahwa semua komponennya digambar dengan satu gaya yang konsisten.

Lisensi dalam 30 detik

  • CC0 (Kenney, monogram, m5x7): boleh digunakan untuk apa saja, tanpa kredit.
  • CC BY (Complete UI Essential Pack, Game-icons.net): boleh digunakan untuk apa saja, tetapi wajib mencantumkan kredit. Satu baris pada layar kredit sudah memenuhi syarat.
  • OFL (Google Fonts): bebas disematkan dalam game komersial, sertakan berkas lisensi bersama font, dan jangan menjual font itu sendiri.
  • Lisensi gratis Craftpix: boleh digunakan secara komersial, tanpa kredit, dilarang menjual kembali berkasnya, dan dilarang menggunakannya untuk pelatihan AI.

Panduan Penjelasan Lisensi Aset Game kami membahas keempatnya secara lebih mendalam.

Pertanyaan Umum

Apa kit UI game gratis terbaik?

Kenney's UI Pack, karena berlisensi CC0, lengkap (430 elemen termasuk bingkai nine-slice), dan cukup netral untuk digunakan dalam sebagian besar game. Untuk gaya RPG, gunakan Complete UI Essential Pack di bawah CC BY 4.0. Untuk kit bertema berkualitas tinggi tanpa atribusi, gunakan bagian gratis Craftpix.

Apakah Google Fonts gratis untuk game komersial?

Ya. Setiap font di Google Fonts menggunakan SIL Open Font License, yang mengizinkan penyematan dalam produk komersial, termasuk game dan situs web. Simpan berkas lisensi bersama font dan jangan menjual font tersebut secara terpisah.

Font piksel mana yang terbaik untuk game?

monogram untuk keterbacaan pada berbagai ukuran dan dukungan bahasa yang luas, sedangkan m5x7 cocok ketika Anda perlu memuat lebih banyak teks dalam HUD kecil. Keduanya berlisensi CC0. Press Start 2P di Google Fonts adalah font judul arkade klasik.

Apakah saya harus mencantumkan kredit untuk Kenney?

Tidak. Aset Kenney berlisensi CC0, yang berarti atribusi tidak diwajibkan untuk penggunaan apa pun. Mencantumkan kredit adalah bentuk penghargaan yang baik dan Kenney menerima donasi, tetapi keduanya bukan persyaratan.

Di mana saya bisa mendapatkan ikon tombol kontroler secara gratis?

Paket Input Prompts dari Kenney berlisensi CC0 dan mencakup Xbox, PlayStation, Nintendo Switch, Steam Deck, gamepad generik, papan ketik, serta tetikus dalam beberapa gaya. Ini adalah pilihan standar.

Terkait