Impressive components library
built on HTML, CSS, JavaScript

Get started Source Files Build own set
0 0 0
Open Source
Metro 4 is an open source project
Easy to use
To use Metro 4 you do not even need to know javascript
For developers
Metro 4 is easily expandable to your own needs
What is it?

Metro 4 is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with responsive grid system, extensive prebuilt components, and powerful plugins.

Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style and not only.

All the Features You Need
With Metro 4 you get:

Base styles

Metro 4 includes various styles for changing the appearance of html elements.

100+ Components

More than 100 components are available to you to solve almost all tasks.

Tools and Routines

Various built-in tool functions and classes will increase your productivity.


Rapid response to detected bugs and their elimination.


Detailed description of all elements of the Metro 4 library.


Get additional help from the community on the Metro 4 forum.


When using Metro 4 in a large project, core to your project or company, you want to be assured that Metro 4 and its extensions will be actively maintained with enhanced features being added to the core library, new extensions developed. Any issues that are found being resolved quickly and efficiently, if a project has financial support.

Who uses
Technical support
Olshansky and Co