1、Bootstrap – 最流行的Web前端UI框架
2、jQuery UI - 基于jQuery的开源Javascript框架
3、jQuery UI Bootstrap
4、BootMetro - Metro风格的CSS框架
5、Flat UI - 扁平风格 UI 工具包
6、网易CSS框架 NEC
7、Alloy UI – 功能强大的CSS UI框架
8、Cardinal – 移动端的CSS UI框架
9、快速开发CSS的框架 CSScaffold
10、后台UI开发框架 MuseUI
UI设计前端学习主要学习HTLM基础认知DIV框架及CSS样式和浮动原理、Margin认知等。UI设计前端学习推荐【达内教育】。该机构在学员报名之前完全公开所有授课讲师的授课安排及背景资料，确保学员利益，值得信赖。感兴趣的话点击此处，免费学习一下学习HTLM基础认知DIV框架及CSS样式和浮动原理、Margin认知首先要了解HTLM基础、CIV框架以及CSS样式， HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。DIV元素是用来为HTLM文档内大块的内容提供结构和背景的元素。 CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。其次，Margin，是CSS的语法，这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度，或者设置各边上外边距的宽度。
想了解更多有关UI前端培训学习的相关信息，推荐咨询【达内教育】。达内教育集团历时一年，耗资千万，重磅推出“因材施教、分级培优”创新教学模式，同一课程方向，面向不同受众群体，提供就业、培优、才高三个级别教学课程，达内“因材施教、分级培优“差异化教学模式，让每一位来达内学习的学员都能找到适合自己的课程。达内IT培训机构,试听名额限时抢购。
UI设计和Web前端的工作并不一样，但也有公司为了提高工作效率在这两块工作是由同一个人来做的。ui与web前端的区别主要有：
1、概念不同
UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。
web前端是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
2、研究方向不同
UI设计的研究方向是：用户研究、交互设计、界面设计；
web前端的研究方向是技术方向：包括html、css、js等需要编写代码。
3、职业机会不同
UI设计的职业方向是：前端开发工程师、资深前端开发工程师、前端架构师等；
web前端的职业方向是：图形设计师、交互设计师、用户测试/研究工程师等；
计交给美工来做，把html5、css、js的添加交给web前端工程师来做，
4、工作内容不同
UI前端：主要负责系统/app，UI界面设计，以及html代码实现，主要工作偏向于设计。
web前端：主要讲ui提供的设计图，编码成静态html，实现所有特效；并负责所有交互的对接，对js要求较高，会要求一些后台接口的开发工作，因此对后台开发语言也有一定的要求。
5、所需技术不同
web前端会用到Bootstrap、Vue、Jquery、Javascript、CSS、html等技术知识；
而UI前端需要是有很好的审美能力，通常需要有美术设计教育背景。
