Material Design风格的前端框架免费下载


前端框架对于不懂设计的程序员来说,可以说是极好的素材,如果想开发一个项目但又找不到设计师帮忙设计,那么我们可以直接使用前端框架来完成,而且能省去很多前端JS的工作...
       前端框架对于不懂设计的程序员来说,可以说是极好的素材,如果想开发一个项目但又找不到设计师帮忙设计,那么我们可以直接使用前端框架来完成,而且能省去很多前端JS的工作。
       今天为大家分享一套新出的 Material Design 框架,谷歌的Magerial我想大家都听过,这是今年流行的设计趋势之一,其外观时尚、交互友好,在不同设备浏览都有很好的表现。


       PS: 如果还不知道Material是什么,请查看Google Material介绍。


       该框架编写方式采用类似Bootstrap的class,比如栅格系统、表单元素,都有点像Bootstarp,这样对熟悉Bootstrap的用户可以直接上手了。


       下面我们一起看看这套Material Design框架的组件和样式元素介绍:


       卡片


       多种不同样式的卡片设计



       折叠区域

       弹窗 Modal


       包含中间弹窗,左下角提示弹出等多个样式。


       Tab选项卡

       Tiles

       按钮

       表单

       图标

       日期选项

       页面

       最后


       总体来说自带的组件元素不算多,但用于小项目,估计可以接受,对于小型的网站来说已经足够了,喜欢尝试新鲜的用户可以用这个框架做一个Material Design风格的产品出来吧!


       框架名称:Material

       下载地址:Github

更多 框架 相关资讯

9个目前流行的Material Design前端框架

9个目前流行的Material Design前端框架

谷歌推出的Material Design风格已见有一些APP UI采用,视觉和交互体验都很棒,对于想尝试这个风格但又不懂实现一些效果的前端设计师们,可以试试今天设计达人网为大家分享的9个目

2015年16个最佳的免费响应式HTML5框架

2015年16个最佳的免费响应式HTML5框架

HTML5框架是一类有助于快速轻松创建响应式网站的程序包。这些HTML5框架有着能减轻编程任务和重复代码负担的神奇功能。关于免费的HTML5框架,种类繁多,并且大多很受欢迎,因为它

WebApp UI框架App.js的入门介绍和使用手册

WebApp UI框架App.js的入门介绍和使用手册

今天跟大家推荐一款webAPP的UI框架工具:App.js 那APP.js到底有什么用呢? App.js是轻量级JavaScript UI 库,打造创建如原生的应用样的WebApp,可自定义主题样式,框架基于zep

T3框架:简化大型JavaScript应用创建

T3框架:简化大型JavaScript应用创建

【编者按】原文作者Nicholas C. Zakas是前Yahoo!首页首席前端工程师和YUI代码贡献者,目前在Box公司任职。在这篇文章中,介绍了他们团队所创建的JavaScript框架T3,使创建大型Jav

HTML5框架:HTML KickStart

HTML5框架:HTML KickStart

HTML KickStart 拥有极简的 HTML5 ,CSS 和 JS 构建模块,能够快速生成网页。经测试支持的浏览器: IE 8+, Safari, Chrome, Firefox, Opera, Safari IOS, Browser 和 Chrome Andr

推荐10款web前端的 HTML5 开发框架和开发工具

推荐10款web前端的 HTML5 开发框架和开发工具

HTML5 在不同的领域让网页设计更强大的。快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程

JavaScript开源跨平台框架NativeScript

JavaScript开源跨平台框架NativeScript

NativeScript是一款使用JavaScript语言来构建跨平台原生移动应用的开源框架,支持iOS、Android和Windows Phone。且NativeScript的使用没有过多繁杂的要求,只需使用自己已

Aurelia – 模块化,简单,可测试的 JS 框架

Aurelia – 模块化,简单,可测试的 JS 框架

Aurelia 是下一代 JavaScript 客户端框架,利用简单的约定来激发你的创造力。凭借其强大的专注于开发经验, Aurelia 可以使您不仅创造惊人的应用程序,同时也享受这个过程。它经

前端界面开发框架,Semantic UI 1.11.5 发布

前端界面开发框架,Semantic UI 1.11.5 发布

Semantic UI —完全语义化的前端界面开发框架,跟 Bootstrap 和 Foundation 比起来,还是有些不同的,在功能特性上、布局设计上、用户体验上均存在很多差异。 Semantic UI 1.11.5

Ionic - 先进的 HTML5 移动开发框架和 SDK

Ionic - 先进的 HTML5 移动开发框架和 SDK

Ionic 是开源的 HTML5 移动开发框架,基于 HTML、JavaScript、CSS 构建漂亮的,跨平台的混合模式 App,能够和 AngularJS 很好的集成。目前最佳支持的平台是 iOS 7+ 和 Android 4.

更多 material 相关资讯

9个目前流行的Material Design前端框架

9个目前流行的Material Design前端框架

谷歌推出的Material Design风格已见有一些APP UI采用,视觉和交互体验都很棒,对于想尝试这个风格但又不懂实现一些效果的前端设计师们,可以试试今天设计达人网为大家分享的9个目

Materialize - 响应式 Material Design 框架

Materialize - 响应式 Material Design 框架

由谷歌创建和设计的 Material Design(材料设计)是一种设计语言,结合成功的设计的经典原则以及创新科技。谷歌的目标是开发一个设计系统,让所有的产品在任何平台上拥有统一的用户

更多 前端 相关资讯

9个目前流行的Material Design前端框架

9个目前流行的Material Design前端框架

谷歌推出的Material Design风格已见有一些APP UI采用,视觉和交互体验都很棒,对于想尝试这个风格但又不懂实现一些效果的前端设计师们,可以试试今天设计达人网为大家分享的9个目

2015年16个最佳的免费响应式HTML5框架

2015年16个最佳的免费响应式HTML5框架

HTML5框架是一类有助于快速轻松创建响应式网站的程序包。这些HTML5框架有着能减轻编程任务和重复代码负担的神奇功能。关于免费的HTML5框架,种类繁多,并且大多很受欢迎,因为它

前端界面开发框架,Semantic UI 1.11.5 发布

前端界面开发框架,Semantic UI 1.11.5 发布

Semantic UI —完全语义化的前端界面开发框架,跟 Bootstrap 和 Foundation 比起来,还是有些不同的,在功能特性上、布局设计上、用户体验上均存在很多差异。 Semantic UI 1.11.5

2015年3月新鲜出炉的网页前端开发工具

2015年3月新鲜出炉的网页前端开发工具

网页前端开发人员必须关注当下流行的工具,我们为了帮助前端开发者们找到好的高效的开发工具,我们转载分享了这些。我们分享的这些工具希望对您有用,例如:生成工具、jQuery插件、

分享10个最新的Web前端框架

分享10个最新的Web前端框架

在Web开发的世界里,框架是很常见的东西,甚至每天都有新的框架和模板产生,你很难对它们都了解,你也很难决定应该使用哪一个框架。前端Web框架的本质就是JavaScript,CSS和HTM

Saber——模块化、组合式的移动前端框架

Saber——模块化、组合式的移动前端框架

Saber是模块化、组合式的前端移动框架,其提供了JavaScript模块、CSS样式库与开发平台完整的前端解决方案。主要适合做移动端SPA (Single Page App) 项目、轻应用。如

5款非常好用的前端在线编辑器推荐

5款非常好用的前端在线编辑器推荐

使用在线编辑器的好处: I 提供各种在线JS或css框架 II 实时预览代码效果 III 线上保存代码 IIII 可分享 下面推荐几款很不错的在线前端编辑器 1.jsfiddle 界面简