一套著名的桌面端的组件库,同时提供Sketch、Axure模板资源文件方便快速产品设计。

介绍

由饿了么团队出品,一套为开发者、设计师和产品经理准备的组件库,提供了配套axure、sektch设计资源,可以直接下载使用,能帮我等搬砖人员节省大量的时间。

使用现成的UI组件库,能快速搭建项目,后期也容易维护,在敏捷开发项目中尤为常见。设计师可以下载设计文件,在做设计图时直接使用模板,既能快速出图,也保证了前端还原实现。

我是一个喜欢研究前端开发的爱好者,当我第一次看到element时,卧槽真漂亮!那个时候优秀的前端ui框架还不多,等我把官网所有的组件一一体验下来,发现惊叹得太早了,不仅好看,体验做得非常到位,另我深有体会的是,原来在做产品设计时很难解决的交互问题,element都解决得非常好。

高质量的UI组件

为了用它,于是花了1周时间学了vue.js,之后就开始策马奔腾了。

特点

element ui是一款设计和交互非常优秀的前端UI框架。基于 Vue 2.0,同时也有基于React和Angular的实现。

  • 视觉设计优秀,细节处理到位;
  • 交互体验很好,即使是复杂的表单操作,反馈也非常清晰,操作简洁直观;
  • 较容易上手,基于vue.js开发,官网实例代码很充足;
  • 支持定制主题;
  • 支持VueReactAngular,满足各前端技术型。

使用体验

对于设计师,官网提供主题定制功能,可以快速按需生成符合自己设计风格的界面,同时提供sketch、axure模板文件下载,非常良心的企业级UI框架;

对于产品经理,element ui 解决了大量的交互问题,能让pm们专注于解决更深层次的问题,同时可以使用设计文件快速做出原型。

前端开发初期在选择组件库尤为重要。成熟的第三方组件库包含了你需要的组件,会省很多精力和时间,而且可以按需求定制主题,大气,易用逼格高,外包公司搬砖的同学绝对非常喜欢。

element 主题编辑器

这是一款为桌面端设计的UI库,出道即巅峰,特别适合做项目管理后台的前端框架,复杂的操作完全不在话下,官网的有充足的代码例子,使用很简单,可以配合webpack等工具按需引入,对于没有工程化开发经验的同学也很友好,支持引入js、css文件直接开发。

唯一不好的是,国内官网偶尔会抽风,速度有时也不是很快。

虽然一般用于pc端开发,但由于是响应式的设计,因此在移动端的表现也不赖,如果开发交互简单的界面,移动端表现也非常优秀。如果你还没用过element,强烈推荐你现在开始吧。

就算没能把element用在生产项目上,在官网体验这些高质量的组件,也能学习到很多设计和人机交互知识。特别是对vue.js组件化开发感兴趣的前端工程师,如果还不是那么熟练,可以多看element的例子来学习组件设计的思路。

官网网站

https://element.eleme.cn

那些免费的砖(www.thosefree.com) 持续更新设计、前端圈免费开源、可商用资源。

axure web组件下载_Element - 饿了么团队出品的神级桌面 UI 组件库相关推荐

  1. Element - 饿了么团队出品的神级桌面 UI 组件库

    一套著名的桌面端的组件库,同时提供Sketch.Axure模板资源文件方便快速产品设计. 介绍 由饿了么团队出品,一套为开发者.设计师和产品经理准备的组件库,提供了配套axure.sektch设计资源 ...

  2. 小程序子组件向父组件传值_一套组件化、可复用、易扩展的微信小程序 UI 组件库...

    如何使用 Wux Weapp 是一套组件化.可复用.易扩展的微信小程序 UI 组件库.在开始使用之前,需要先阅读微信小程序自定义组件的相关文档. 通过 npm 安装,需要依赖小程序基础库 2.2.1 ...

  3. xgplayer.js 西瓜播放器 - 字节跳动团队出品的免费开源 HTML5 视频播放组件,内置解析器、也能节省流量

    一个功能强大,符合国内视频播放业务的 web 视频播放组件,由西瓜视频技术团队官方出品. 关于西瓜播放器 西瓜播放器 (xgplayer.js) 不是一个看片软件,而是一个 Web 开发上的视频播放器 ...

  4. 推荐 8 个支持 Vue3 的前端 UI 组件库,免费开源、漂亮美观,涵盖常用的业务组件

    Vue3 正式发布已经快2年了,今年2月也正式变成 Vue 项目的默认版本,今天分享8个优秀的 Vue3 UI 组件库. Element Plus 相关网址:https://www.thosefree ...

  5. 【分享】Vue 资源典藏(UI组件、开发框架、服务端、辅助工具、应用实例、Demo示例)...

    Vue 资源典藏,包括:UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例 element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和 ...

  6. Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例

    2019独角兽企业重金招聘Python工程师标准>>> element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组 ...

  7. 前端开发全家桶:UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例

    element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 ...

  8. 强大的UI组件集Telerik R3 2022支持.NET 7、全新的主题等

    Telerik DevCraft包含一个完整的产品栈来构建您下一个Web.移动和桌面应用程序.它使用HTML和每个.NET平台的UI库,加快开发速度.Telerik DevCraft提供最完整的工具箱 ...

  9. VUE常用UI组件插件及框架-vue前端UI框架收集

    UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - ...

最新文章

  1. 性能优化工具 MVC Mini Profiler
  2. windows下的乱码问题
  3. 做乘法c语言,【code】C语言_实现输入的矩阵的乘法运算
  4. 在block中使用self
  5. matlab在运筹学,MATLAB在运筹学(单纯形法)教学中的应用
  6. linux 安卓svn,linux安装svn
  7. C#的TextBox控件输入测试-只允许输入数字的测试:
  8. Gradle中的实现和编译之间有什么区别?
  9. python异常处理知识点_一文掌握 Python 异常处理的所有知识点
  10. iPhone 6/6 Plus 出现后,如何改进工作流以实现一份设计稿支持多个尺寸?
  11. 如何制作deb/rpm通用的构建命令?
  12. REDIS学习总结(一)单机集群搭建
  13. 《Head First Android》读后感,电子书PDF下载
  14. 学好加工中心UG编程,先弄懂这些问题
  15. 在Qt中解决word书签中只能从其后面插入文本的问题
  16. 腾讯云服务器2003系统,腾讯云服务器windows2003系统续用的说明
  17. python 剔除nan_Pandas的数据清洗-删除NaN数据
  18. Potential Fields
  19. 局部差异二进制 LDB - Local Difference Binary
  20. 【C语言】第五章 - 操作符

热门文章

  1. [转载]用UglifyJS2合并压缩混淆JS代码——javascript系列
  2. hdu 4502 一维dp
  3. C#中ListT用法
  4. 转:EXCEL数据有效性设置
  5. CollapsiblePanel控件
  6. 用C#做短信CMPP2.0/3.0协议 支持扩展号支持物理网卡
  7. C# 根据中文得到全拼
  8. (转)一段挺好的领导者应该记得的话
  9. linux文件IO——文件IO介绍
  10. 计算机网络(十五)-数据链路层-CSMA/CA协议