好用的web前端ui框架

当今时代众多CSS的前端框架纷涌而至、但是真正出色的却***、本文我们将对我个人认为比较好的五个框架进行比较、每个框架都有自己优缺点和特定的应用领域、这允许你根据特定项目的需求选择合适的框架、比如、如果你的项目比较简单、你就不需要复杂的框架、此外、许多选项是模块化的、这允许你仅使用你需要的组件,或者混合使用不同框架的组件

1、BOOTSTRAP

Bootstrap 在当今流行的各种框架中是无可争议的老大、鉴于其每天仍在增长的巨大人气、可以肯定、这个美妙的工具不会让你失望、它也不会在你成功建立网站前就离你而去。Bootstrap，来自 Twitter，是目前备受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVA锝擄絻锝掞綁锝愶綌的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。

2、FOUNDATION BY ZURB

Foundation是这几个框架中第二大的、在像ZURB一样实力雄厚的公司支持下、这个框架确实很强大、是的、就是foundation、毕竟、 Foundation已经在很多大型网站上投入使用、包括 Facebook, Mozilla, Ebay, Yahoo!和国家地理等等。Foundation说明：Foundation 是一个提供业务支持、培训和咨询真正专业的框架。它还提供了很多资源帮助你更快和更容易学习和使用框架。

3. Semantic UI

Semantic UI 经过多年的努力，致力于能够以更语义化的方式构建网站。它使用自然语言的原则，使代码更可读，更容易理解。Semantic UI 是一个 UI 库，使前端开发更简单，更容易学习。Semantic UI 介绍了许多界面元素。在大多数情况下，只有你需要的元素建立一个自定义的构建可能是比较好的。 UI 组件分为四大类，范围从小到范围分为：用户界面，UI 元素集合，UI 模块和用户界面视图。

4. Pure by Yahoo!

Pure是一个轻量级的、模块化的框架，以纯CSS编写，它包括很多组件，你可以根据需要联合或独立使用它们。

Pure说明：

Pure只提供一个基本的风格，使你的项目有一个干净的开始。对于工作中不需要一个全功能的框架***要有特定的组件的人来说是理想的。

5. UIkit by YOOtheme

UIkit 是一个简洁的框架，它易于使用，易于定制组件。虽然它不像其它竞争对手一样受欢迎，但它提供了相同的功能和质量。UIkit 是 YOOtheme 团队开发的一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。UIKit提供了全面的HTML、CSS及JS组件，它们使用简单，容易定制和扩展。它基于LESS开发，代码结构清晰简单，易于扩展和维护，并且具有体积小、反应灵敏的响应式组件，你可以根据 UIKit 基本的风格样式，轻松地自定义创建出自己喜欢的主题样式。

后，在选择合适的框架方面，让我给你一些意见，这里有一些重要的事情需要注意：

这个框架有足够的人气吗?更大的普及意味着更多的人参与这个项目，因此，会有更多来自社区的教程和文章，更多真实的案例/网站，更多第三方扩展，与相关web开发产品更好地结合。巨大的人气也意味着框架不太会过时，毕竟一个有着巨大群体使用的框架是不太可能被放弃的。