# olton/metroui

A progressive front-end framework for creating high-performance responsive reactive web applications!

Repository: https://github.com/olton/metroui
Canonical: https://ross.abutalabs.com/products/metroui
Homepage: https://metroui.org.ua/
Language: JavaScript
License: MIT
License Family: permissive
Topics: css, javascript, less, html, html5, metro, metro-ui, metro-ui-css, bootstrap, bootstrap-replacement, components, component-library, no-dependencies, no-jquery-required, css-frameworks, css-framework, metro-style, reactive, reactive-data-model
Last push: 2026-02-01T07:42:01+00:00

## Health v2 (maintenance only)
Score: 68/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 65, release rhythm 53, longevity 100
- inputs: {"age_days": 5290, "days_push": 213, "days_rel": 315, "gap_med": 8, "n_releases_24m": 22}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 7080, forks 1921 (observed 2026-08-28T04:09:55.744529+00:00)

## What it is
Metro UI is a progressive, HTML-first front-end framework and component library in Windows Metro style, offering 150+ components, 900+ icons, a responsive grid, and a reactive Model class without external dependencies. It works via CDN or npm with declarative data-* attributes, CSS-variable theming, dark/light modes, and built-in i18n support.

## Use cases
- build a responsive mobile-first website without a build step
- replace Bootstrap with a Metro-style component library
- create reactive web UIs using plain HTML and data attributes
- build a dashboard with dark and light theme switching
- make a multilingual web app with built-in i18n
- prototype interactive pages without knowing JavaScript

## When to choose
- you want a zero-dependency, CDN-ready UI toolkit with no build tooling
- you like the Windows Metro design language
- you need many ready-made components plus icons in one library
- you want declarative HTML-first interactivity with a small reactive model

## When to avoid
- you need a large ecosystem, React/Vue integration, or extensive third-party plugins
- you prefer a widely-adopted framework with big community and hiring pool
- you need long-term support (LTS) for older versions
- you want a strictly CSS-only framework without its own JS runtime

## Facets
- artifact type: framework
- maturity: active
- function: frontend-framework, ui-components, css-framework, state-management, routing, internationalization, form-handling
- domain: web-development, frontend, web-design, cross-platform
- platform: browser
- tags: metro-ui, bootstrap-replacement, html-first, no-dependencies, reactive-data-model, dark-mode, icons-font, cdn, css-variables-theming, javascript, web-server

## Member repositories
- olton/metroui (main) score 68

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:55.744529+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:40:12.172896+00:00, confidence not recorded.
  - readme: https://github.com/olton/metroui (fetched 2026-08-28T04:09:55.744529+00:00, sha 8bc9a375eae3)
  - homepage: https://metroui.org.ua/ (fetched 2026-08-29T08:36:28.444566+00:00, sha cde1d1cca60c)
  - site_page: https://v5.metroui.org.ua/getting-started/quick-start (fetched 2026-08-29T08:36:28.455971+00:00, sha e719dc5cf286)
  - site_page: https://v5.metroui.org.ua/getting-started/download (fetched 2026-08-29T08:36:28.458307+00:00, sha 6a711cc62cb9)
  - site_page: https://v5.metroui.org.ua/getting-started/i18n (fetched 2026-08-29T08:36:28.460301+00:00, sha 2aa12ffd1805)
  - site_page: https://v5.metroui.org.ua/getting-started/theming-components (fetched 2026-08-29T08:36:28.462562+00:00, sha 93ba6429887d)
  - site_page: https://v5.metroui.org.ua (fetched 2026-08-29T08:36:28.454113+00:00, sha df3a0aac726d)
- Data as of 2026-08-30T08:39:29.467469+00:00.