metroui 5.1.18
dotnet add package metroui --version 5.1.18
NuGet\Install-Package metroui -Version 5.1.18
<PackageReference Include="metroui" Version="5.1.18" />
<PackageVersion Include="metroui" Version="5.1.18" />
<PackageReference Include="metroui" />
paket add metroui --version 5.1.18
#r "nuget: metroui, 5.1.18"
#:package metroui@5.1.18
#addin nuget:?package=metroui&version=5.1.18
#tool nuget:?package=metroui&version=5.1.18
<div align="center">
<h1 align="center"><img src="banner.png" alt="Metro UI"/></h1>
<h3>A progressive front-end framework for creating high-performance responsive web applications</h3>
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.
<p align="center"> <a href="https://v5.metroui.org.ua/"><strong>Explore Docs</strong></a> or <a href="https://panda.metroui.org.ua/"><strong>View Demo</strong></a> </p>
</div>
<div align="center">
Project State
</div>
License and Premium Features
This project is licensed under the MIT license. In addition, SUPPORT PACK is available for an annual subscription on Korzh.com. SUPPORT PACK includes an Extra time for priority support by email and other options.
<div align="center">
Community
Welcome to Metro UI Discord Server!
</div>
Contributing
All contributions are welcome. Learn more about how you can contribute to this project here.
Before you create Pull Request, you must sign CLA!
Docs & Demo
Please click Documentation and Demo.
Releases
Metro UI releases frequently. I'm creating 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 UI doesn't currently exist. If your current version of Metro UI works for you, you can stay on it for as long as you would like. If you want to make use of new features as they come in, you should upgrade to a newer version.
<div align="center">
Browser Compatibility
 |
 |
 |
 |
 |
|---|---|---|---|---|
| Latest 2 ✔ | Latest 2 ✔ | Latest 2 ✔ | Latest 2 ✔ | Latest 2 ✔ |
</div>
Previous versions
Metro-UI-CSS-4- Repository, DocumentationMetro-UI-CSS-3- Repository, DocumentationMetro-UI-CSS-2- Repository, DocumentationMetro-UI-CSS-1- Repository
Credits
- Styles created using the less preprocessor by Alexis Sellier
- preCode by Leon Sorokin preCode
- strftime by Tom Doan strftime
- function b64toBlob by Jeremy Banks
- Date.getWeek by Nick Baicoianu
- Data source processor by jQuery
- All who brought something good
Thanks
Thanks to all. Special thanks to all those who financially supported the project.
Support
If you like this project, please consider supporting it by:
- Star this repository on GitHub
- Sponsor this project on GitHub Sponsors
- PayPal to
serhii@pimenov.com.ua. - Patreon
- Buy me a coffee
Copyright (c) 2012-2025 by Serhii Pimenov. All Rights Reserved.
Learn more about Target Frameworks and .NET Standard.
This package has no dependencies.
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 5.1.18 | 173 | 9/9/2025 |
| 5.1.17 | 215 | 8/24/2025 |
| 5.1.16 | 168 | 8/18/2025 |
| 5.1.15 | 177 | 8/11/2025 |
| 5.1.14 | 252 | 8/7/2025 |
| 5.1.13 | 273 | 8/5/2025 |
| 5.1.12 | 159 | 8/3/2025 |
| 5.1.11 | 157 | 7/30/2025 |
| 5.1.10 | 140 | 7/27/2025 |
| 5.1.9 | 193 | 7/1/2025 |
| 5.1.8 | 192 | 6/23/2025 |
| 5.1.7 | 181 | 6/14/2025 |
| 5.1.6 | 198 | 6/5/2025 |
| 5.1.5 | 188 | 6/5/2025 |
| 5.1.4 | 206 | 5/25/2025 |
| 5.1.3 | 145 | 5/17/2025 |
+ [x] Fixed `bg-*-clown` family colors
+ [x] Corrected saturated and darken colors
+ [x] Added animation to the linked block connector
+ [x] Changed `Metro.makePlugin()`, now return plugin instance instead of an element
+ [x] Fixed page control creating
+ [x] Updated `datetime` package with fix for `utc()`, `locale()` methods, and added formatting system, align strategies system
+ [x] Updated `analog-clock`, now you can use attribute `data-time-zone` to set specific utc offset in hours (-/+) and `data-use-utc` to enable it
+ [x] Updated `clock`, now you can use attribute `data-time-zone` to set specific utc offset in hours (-/+) and `data-use-utc` to enable it
+ [x] Updated `cutter`, now default style is `line`, added `wave`, wave can have any color
+ [x] Fixed `data-size` attribute in `activity` component, added attribute `data-box-size` for `metro` activity
+ [x] Fixed prev, next icons in calendar for android
+ [x] Fixed accordion fame state marker for android
+ [x] Fixed reaction inputs, select, and textarea components to change disabled property for input, select, textarea elements
+ [x] Improved `button` for using colors, now you can use all colors to define button color with classes `button-light-[color]`, `button-minor-[color]`, `button-[color]`, `button-sat-[color]`, and `button-dark-[color]`
+ [x] Added classes `glow`, `glow-hover`, `glow-animated`, and `glow-animated-hover` to push button
+ [x] Fixed passing classes to the parent element for `custom-checkbox`, remove border by default
+ [x] Remove duplicate border definition for before and after pseudo elements
+ [x] Improved color correction for `dropdown-caret` in colored parents
+ [x] Improved `analog-clock` - changed element sizes and positions
+ [x] Fixed minor issues for `dropdown` component, Fixed `analog-clock` style