DEV Community

Cover image for Metro 4 is not only tiles!
Serhii Pimenov
Serhii Pimenov

Posted on

4 1

Metro 4 is not only tiles!

When you talk about Metro 4 (Metro UI CSS), people immediately associate that this is something related to tiles and that's it. In fact, this is not so. The Metro 4 library (Metro UI CSS) allows you to create full-fledged sites, even without javascript knowledge.

One example is a site that I developed by order - cryptoscamalert.com. The site contains information about identified fraudsters in the world of cryptocurrency.

Many features are available right out of the box and are configured declaratively, through data- * attributes for HTML elements. Example: form validator.

Almost ALL Metro 4 components can be declaratively configured via data- * attributes!

Metro 4 was originally designed so that people of different specializations could use it for rapid prototyping of work sites, for example, SEO specialists.

The use of Metro 4 is quite diverse, another example is the leading Ukrainian hosting provider Mirohost.net uses Metro 4 to implement its administrative panel.

Of course, you can implement using Metro 4 and the tiled interface. Special elements - tiles are part of Metro 4. Real example - Start screen.

CryproScamAlert.com

Alt Text
Alt Text
Alt Text
Alt Text
Alt Text
Alt Text

Mirohost.net

Alt Text
Alt Text
Alt Text
Alt Text

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay