5个最佳开源Metro风格(Windows UI)CSS框架

本文概述

• 5. Metro Boostrap
• 4. Bootswatch Cosmo主题
• 3. Winstrap
• 2. BootMetro
• 1. Metro UI

Windows和.NET框架在包括我在内的许多开发人员的心中肯定会永远保留一个很大的位置。尽管最近Microsoft在其Build开发者大会上正式宣布了其Fluent Design System, 但Metro风格或扁平化仍出现在Windows Vista直至Windows 10上, 因此, 如果你打算创建使用CSS和HTML的Web应用程序或本机应用程序, 在用户界面中, 你可以通过使用开源CSS框架来遵循Metro准则。

在此顶部, 我们想与你分享最著名和有用的CSS框架, 这些框架将帮助你创建Windows风格的Web应用程序。享受我们的顶级！

5. Metro Boostrap

Github

MetroBootstrap是具有Metro风格的简单引导主题。

4. Bootswatch Cosmo主题

Github

Bootswatch是用于Bootstrap的开源主题的集合。在这种情况下, 对于Metro UI风格的界面, 你可以使用Cosmo主题, 纯粹是对Metro的颂歌。一个主题由两个LESS文件组成。缺省情况下, Bootstrap中包含variables.less, 你可以自定义这些设置。 bootswatch.less引入了更广泛的结构更改。这些文件在SASS中也可用。

3. Winstrap

Github

Winstrap旨在成为Microsoft设计语言的最佳Bootstrap主题。它随SASS文件及其轻量级提供。

2. BootMetro

Github

BootMetro为想要使用” Windows 8 MetroUI”风格的Web应用程序提供了简单灵活的HTML, CSS和Javascript, 而无需在Windows 8上运行。它基于Twitter Bootstrap和HTML5 Boilerplate构建。也许对于Internet网站不是理想的, 但MetroUI样式可以用于现代Intranet网站。

1. Metro UI

Github

Metro UI是使用Windows Metro Style在Web上开发项目的最强大的前端框架。 Metro UI CSS是在Microsoft的建议下开发的, 用于构建用户界面, 其中包括：常规样式, 网格, 布局, 版式, 20多个组件, 300多个内置图标。 Metro UI CSS是使用LESS构建的, 并且是使用MIT许可模型开源的。

如果你知道遵循Metro设计的另一个很棒的开源CSS框架, 请​​在评论框中与社区分享。