DEV Community

manish srivastava
manish srivastava

Posted on • Updated on

Are you tired of Bootstrap? Get started with Metro 4: Free & Opensource

I personally like metrojs. Wonderfully crafted in Ukraine.

So what is it?

Are you tired of Bootstrap? Get started with Metro 4, the popular framework for building responsive, mobile-first sites in Metro style, with the Metro CDN and a template starter page.

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.

Quick start
Looking to quickly add Metro 4 to your project? Use Metro CDN, provided for free by the folks at KeyCDN.

<link rel="stylesheet" href="https://cdn.metroui.org.ua/v4.3.2/css/metro-all.min.css">

Some Examples:

Official examples visit here

A desktop UI : Yes a desktop UI by Metrojs

Alt Text

  • A Datatable UI: Supereasy by Metro:*

Alt Text

  • Admin Panel: in just an hour* :)

Alt Text

Here is Github Resporitory:

GitHub logo olton / Metro-UI-CSS

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

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.


Status

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

Donation

Donations on Patreon

Community

Join the chat at https://discord.gg/NydRab3 Join the chat at https://gitter.im/metro4/Lobby

Docs

Documentation and Demo: metroui.org.ua

Releases

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.

LTS

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…

Please also check my previous posts regarding creating your cloud service like digital ocean or google cloud. Part 1 and Part-2 and Part-3 . Also most important listening your VMs on external IPs here -4

In Part-3 we have also seen how to install opennebula. Opennebula is an alternative to openstack/ cloudstack.

I hope you people like the above article and learned something.

You are most welcome to join my team form for joining .

Contact email: Manishfoodtechs@gmail.com.

If you have any problem, our team is also engaged in professional consultancy and delivery.

Don't forget to Follow, like or tag me :).

Top comments (4)

Collapse
 
gklijs profile image
Gerard Klijs

By chance do you might have experience using bulma with metro ui bulma.io/2016/04/11/metro-ui-css-g...? I wonder how they compare, metro-ui is probably a lot smaller, and maybe somewhat faster? But Bulma requires no js which I really like.

Collapse
 
abdurrahmaanj profile image
Abdur-Rahmaan Janhangeer

Thanks for sharing!

Collapse
 
chimsgraphic profile image
ChimsGraphic

Nọ explaination or break down ọn how to use UI components as seen in other css frameworks.

I can never use it till that's done

Collapse
 
manishfoodtechs profile image
manish srivastava

Use their guide:metroui.org.ua/intro.html