Awesome Open Source
Awesome Open Source

Metro 4 Components Library

Sleek, intuitive, and powerful front-end framework for faster and easier web development. Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style.
Explore Metro 4 docs »

Metro 4 is an MIT-licensed open source project. It's an independent project with its ongoing development made possible entirely thanks to the support by these
awesome Backers.

Build Status Dependencies CSS gzip size JS gzip size Icons gzip size GitHub release npm version Nuget Website xscode License: MIT GitHub issues GitHub code size in bytes

License and Premium Features

This project licensed under the MIT license. In addition, SUPPORT PACK is available for an annual subscription on XS:CODE and for a Patreon Patrons.

SUPPORT PACK includes an Extra time for priority support by email and other options.

Donation on Patreon

Donations on Patreon Donations on Patreon


Facebook Join the chat at


All contributions are welcome. Learn more about how you can contribute to this project here.

Important! Before you create Pull Request, you must sign CLA!


Please click here for Documentation and Demo.


Metro 4 releases frequently. I Am create release when there are significant bug fixes, new APIs or components. The usual frequency of release of the new version is one week on Sundays.


Long term support of older versions of Metro 4 does not currently exist. If your current version of Metro 4 works for you, you can stay on it for as long as you'd like. If you want to make use of new features as they come in you should upgrade to a newer version.

Browser Compatibility

Chrome Firefox Edge Safari Opera
Latest 2 ✔ Latest 2 ✔ Latest 2 ✔ Latest 2 ✔ Latest 2 ✔

Old version

Metro UI CSS 3.x you can find in a repo Metro-UI-CSS-3
Metro UI CSS 2.x you can find in a repo Metro-UI-CSS-2
Metro UI CSS 0.x you can find in a repo Metro-UI-CSS-095

Documentation and Demo for V3:
Documentation and Demo for V2:
Documentation and Demo for V0:


Thanks to all. Special thanks to all those who financially supported the project.


You can read about credits here

2012-2020 © Copyright by Serhii Pimenov. All Rights Reserved. Created by Serhii Pimenov.

Alternatives To Metro Ui Css
Select To Compare

Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,049,307
Html (237,779
Html5 (237,779
Css (140,420
Bootstrap (27,539
Jquery (26,477
Responsive (8,510
Less (5,611
Web Development (3,004
Component Library (1,285
Css Framework (1,224
Metro Ui (44
Metro4 (5
Metro Ui Css (4
Metro Style (3