Metro 4 adalah toolkit open source untuk pengembangan HTML, CSS, dan JS. Dapat membuat prototype dengan cepat atau membangun seluruh aplikasi dengan sistem grid responsif, komponen prebuilt yang luas, dan plugin yang kuat.

Metro UI dipopulerkan oleh Microsoft dengan banyak produknya menggunakan style metro ini contohnya ialah Windows 8 dan Windows 10 terlihat elegan bukan dengan desain yang simple dan flat terlihat lebih futurisitik dibanding dengan pendahulunya yakni windows XP dan 7 yang menggunakan style 3D yang setiap elemenya menonjol.

Adapun beberapa keunggulan yang dimiliki oleh MetroUI ini adalah sebagai berikut :

  • Sederhana dan Fleksibel
  • Tampilan yang elegan dan modern
  • Cepat dan Reliable
  • Stabil
  • Cocok di gunakan di berbagai device

Meskipun memiliki banyak keunggulan tentu tidak akan lepas dari adanya kekurangan, MetroUI memiliki beberapa kekurangan sebagai berikut :

  • UI hanya menggunakan 2 warna dasar (Hitam dan Putih)
  • Kustomisasi yang lebih rendah dibandingkan dengan Bootstrap

Penggunaan dari MetroUI sendiri sangatlah mudah, ada 3 cara untuk menggunakan Framework ini:

  • Source Code
    Untuk menggunakan MetroUI css framework hanya perlu mengunduh file zip dari website resmi berikut https://metroui.org.ua/download.html.
  • Metro CDN
    Cukup menambahkan dua baris code ke dalam file html untuk file CSS dan JS.
<link rel="stylesheet" href="https://cdn.metroui.org.ua/v4/css/metro-all.min.css">
<script src="https://cdn.metroui.org.ua/v4/js/metro.min.js"></script>
  • Bisa juga dengan menggunakan NPM atau Yarn
$ npm install metro4@latest // full
$ npm install metro4-dist@latest // short
$ yarn add metro4@latest // full
$ yarn add metro4-dist@latest // short

Terakhir, MetroUI ini juga didukung dengan guide yang lengkap untuk penggunaan class yang ada di MetroUI juga menyediakan beberapa contoh yang bisa di unduh secara gratis dengan mengakses link https://metroui.org.ua.