`
shizisongsong
  • 浏览: 39399 次
文章分类
社区版块
存档分类
最新评论

10个顶级的CSS UI开源框架

阅读更多

随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验。作为开发者,我们需要了解一些 宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现一些现代化的界面,包括一些移动设备的网页界面风格设计。本文分享了10个顶级的CSS UI开源框架,有几个确实不错,一起来看看。

1、QUI – 最流行的Web前端UI框架

QUI是由twitter推出的Web前端UI框架,它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。它使用了最新的浏览器技术,QUI提供了时尚的排版样式,表单,buttons,表 格,网格系统等等。

10个顶级的CSS UI开源框架

官方网站:分享一个最好用的UI前端框架!

2、jQuery UI - 基于jQuery的开源Javascript框架

jQuery UI是一款基于jQuery的开源Javascript框架,jQuery UI框架主要提供了用户交互、动画、特效和可更换主题的可视控件,让开发者可以更方便地实现网页交互界面,jQuery UI的整个框架比较庞大,但你也可以根据自己需要使用的功能生成适合自己的框架底层。jQuery UI界面设计非常漂亮,值得一试。

10个顶级的CSS UI开源框架

官方网站:http://jqueryui.com/

3、jQuery UI Bootstrap

它是jQuery UI和Bootstrap的集成,它是Bootstrap样式的,因此外观比较漂亮,同时它拥有jQuery UI的控件功能,这也方便开发者快速地创建一个网页控件。

10个顶级的CSS UI开源框架

官方网站:https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap/

4、BootMetro - Metro风格的CSS框架

BootMetro是一款基于Bootstrap的前端UI框架,BootMetro的特点是可以很方便地构建类似Windonws 8扁平化风格的网页界面,效果非常不错。分享一个最好用的UI前端框架!

10个顶级的CSS UI开源框架

官方网站:http://aozora.github.io/bootmetro/

5、Flat UI - 扁平风格 UI 工具包

Flat UI是一套精美的扁平风格 UI 工具包,基于 Twitter Bootstrap 实现。这套界面工具包含许多基本的和复杂的 UI 部件,例如按钮,输入框,组合按钮,复选框,单选按钮,标签,菜单,进度条和滑块,导航元素等等。

10个顶级的CSS UI开源框架

官方网站:https://github.com/designmodo/Flat-UI

6、网易CSS框架 NEC

NEC是网易推出的开源前端CSS框架,NEC提供了丰富UI代码库和插件,可以极大的帮助开发人员提高开发效率。即使你并非前端专业开发人员,利用NEC你也可以快速地构建属于自己的网页应用。

10个顶级的CSS UI开源框架

官方网站:http://nec.netease.com/

7、Alloy UI – 功能强大的CSS UI框架

Alloy UI是基于YUI 3的前段UI框架,包含一套丰富的(超过60)UI 部件,如图片库,对话框,树形结构,面板,自动完成,按钮,日历控件,工具条等。分享一个最好用的UI前端框架!

10个顶级的CSS UI开源框架

官方网站:http://alloyui.com/

8、Cardinal – 移动端的CSS UI框架

Cardinal 是一个小型的移动优先的 CSS 框架,提供很多有用的默认样式、可缩放排版、可重用模块和一个简单的响应式表格系统。

10个顶级的CSS UI开源框架

官方网站:http://cardinalcss.com/

9、快速开发CSS的框架 CSScaffold

不同于许多CSS框架,它必须依靠PHP与Apache的mod_rewrite来执行,但也因为需要这两种东西,让CSScaffold变得很神奇、很方便,写起CSS来又快又轻松!

10个顶级的CSS UI开源框架

官方网站:http://www.w3avenue.com/2009/10/13/csscaffold-php-based-css-framework/

10、后台UI开发框架 MuseUI

一款基于bootstrap风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。

10个顶级的CSS UI开源框架

官方网站:http://git.oschina.net/muse/museui

0
0
分享到:
评论
1 楼 jlzxx 2014-09-09  
QUI是由twitter推出的Web前端UI框架,笑了

相关推荐

    15个顶级开源JavaScript框架和库

    以下是一些顶级的开源JavaScript框架和库: 1. Angular.js:Angular.js是一款非常流行的前端框架,特别适合构建复杂的单页面应用(SPA)。它引入了双向数据绑定的概念,使得视图和模型之间的数据同步变得简单。...

    29款免费的WEB设计中的顶级CSS工具和应用

    1. Metro UI CSSMetro UI CSS 是一套实现了Windows 8 的 Metro 风格界面的 CSS 框架。2. CSScombCSScomb 可使用指定的排序方法对 CSS 的属性进行排序,提供多种版本,包括:CSScomb Online CSScomb for Sublime Text...

    amazeui:Amaze UI,中国首个开源HTML5跨屏前端框架。(只做代码同步,IssuePR请到GitHub)https

    Amaze UI包含近20个CSS组件,10个JS组件,大约17款包含近60个主题的Web组件,可快速构建界面出色,体验优秀的跨屏页面,显着提高开发效率。 本地化支持 顶级域名框架,Amaze UI关注中文布局,根据用户代理调整字体,...

    Ext项目小框架介绍源码

    Ext是一个基于JavaScript的开源UI库,专为构建复杂的、数据驱动的Web应用程序而设计。它提供了丰富的组件模型,包括各种用户界面元素,如表格、菜单、按钮、面板等,以及强大的数据绑定和事件处理机制。Ext的核心是...

    pacman-javafx:具有JavaFX UI的Pac-Man和Pac-Man女士

    JavaFX是一个用于创建桌面、移动和嵌入式设备上的丰富图形用户界面的开源框架。这意味着这个程序可能为用户提供了一种全新的、现代的、图形化的游戏体验。 【描述详解】 描述中的“吃豆人和具有JavaFX UI的吃豆人...

    部门:简单易用但功能强大的样式小部件,其语法受CSS启发

    通常,一个开源项目可能会有一个包含源码、资源文件、文档等的顶级目录,这里的"division-master"可能就是这样的结构。 基于以上信息,我们可以推测这个“部门”小部件库可能是为Flutter开发者提供的一种工具,它...

    Hybrid(8级)

    2. **React Native**:React Native是Facebook开发的开源框架,它允许开发者用JavaScript和React库来编写原生移动应用。它提供了“Write Once, Run Everywhere”的能力,即一次编写,多平台运行,同时保持接近原生的...

    chefioana:大厨约阿纳(Ioana)登陆页面,让私人厨师在家享受顶级晚餐

    大厨约阿纳(Ioana)登陆页面,让私人厨师在家享受顶级晚餐一个基于Chef Ioana Botis登录页面( )的具有不同页面布局的网站模板。... ,Jeremy Thomas的开源UI框架。 和CSS扩展语言,由众多贡献者提供。

    一个基于reactnative开发的完整项目示例

    React Native 是Facebook推出的一款用于构建原生移动应用的开源框架,它允许开发者使用JavaScript和React来构建iOS和Android应用程序。这个“RNExampleApp-master”压缩包文件很可能包含了一个完整的React Native...

    CEF3 实现多标签页

    CEF3(Chromium Embedded Framework)是一个开源框架,用于在C++应用程序中嵌入Google Chrome的渲染引擎,使得开发者能够在他们的应用中集成Web技术。CEF3是CEF的第三个主要版本,它提供了一个高效的、可定制的...

    藏经阁-后APP时代淘宝移动中台技术开源开放探索.pdf

    Weex的开源,吸引了众多开发者参与,成为阿里巴巴的顶级开源项目之一。 淘宝移动技术的演进历程从单一应用发展到应用平台化,逐步实现了组件化、容器化和动态部署。例如,ATLAS容器框架为快速交付提供了解决方案,...

    top-commits:乌兹别克斯坦的 GitHub 顶级用户

    "Axiom"在编程中通常指的是一种公理化系统,可能在这个上下文中指的是一个用于项目部署的框架或库。项目部署是将开发完成的代码发布到生产环境的过程,确保代码能在目标平台上正常运行。 最后,"项目部署到API"可能...

    ext3.0源码+实例

    【标题】"ext3.0源码+实例" 指的是一个开源的JavaScript框架——Ext JS的3.0版本的源代码和相关实例。这个框架主要用于构建富互联网应用程序(Rich Internet Applications,简称RIA),特别是在网页上创建复杂的、...

    JavaScript_React Native Advanced Guide Book iOS Android成为2024年的

    React Native是由Facebook开发的开源框架,它让JavaScript开发者能够利用原生平台的能力来构建iOS和Android应用。React Native基于React.js,一个用于构建用户界面的JavaScript库,主要关注声明性编程和组件化设计。...

    树型菜单

    在树型菜单中,根节点通常代表整个菜单的顶级类别,而子节点则表示更具体的分类或选项。 2. **HTML与CSS实现** 在Web开发中,可以通过HTML的`<ul>`和`<li>`元素结合CSS来构建一个简单的树型菜单。利用CSS的`...

    仿美团二级菜单

    【标题】"仿美团二级菜单"的实现是一个常见的前端开发任务,主要涉及到用户界面(UI)设计和交互逻辑的编程。美团作为一个知名的在线服务平台,其二级菜单设计简洁且实用,为用户提供方便快捷的导航功能。在网页或应用...

    定制 SWT RCP 界面--如何编写一个漂亮的 SWT

    - 使用`Shell`作为顶级容器,其中包含一个菜单栏、一个工具栏和一个中心面板。 - 菜单栏包含“文件”、“编辑”和“帮助”等选项。 - 工具栏包括常用的文件操作按钮,如打开、保存和打印等。 2. **文件列表展示*...

    Top-Online-Shop:离子应用

    Ionic-使用以下语言HTML5混合移动应用程序框架:AngularJS(开源前端MVC框架),Apache Cordova(用于使用HTML,CSS和JavaScript构建本机移动应用程序的平台) 节点JS CSS 经过测试: 用于单元测试的业力 用于...

Global site tag (gtag.js) - Google Analytics