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.


    Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!

    🚀 Github 镜像仓库 🚀


    发行版本 100

    Metro 4.5.0


    贡献者 27



    • CSS 55.9 %
    • JavaScript 35.2 %
    • Less 4.5 %
    • HTML 4.4 %
    • PHP 0.0 %