ui框架有哪些,web前端开源框架
推荐几个精致的web UI框架及常用前端UI框架
1.Aliceui
Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。
2.Amazeui
Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。
3.sui
SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。
通过SUI，可以非常方便的设计和实现精美的页面。
同时sui还有移动端版本msui，msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库，减少重复工作。
4.FrozeUI
Frozen UI是一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。
5.uiKit
uiKit是一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。
6.H-ui
H-ui是轻量级前端框架，简单免费，兼容性好，适用于中国网站。
7.Weui
weUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
8.layui
Layui 诞生于2016年金秋，是一款带着浓烈情怀的国产前端UI框架，她追求极简，又不失丰盈的内在，说她是史上最轻量的结晶，似乎并不为过。一切都源自于她对原生态的执着，对前端社区的那些噪杂声音的过滤，以及她本身的精心雕琢。
9.YDUI Touch
YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高;使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局;实现强大的屏幕适配布局，等比例适配所有屏幕。什么？用得不开心？轻松切换 px;自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI;
10、后台UI开发框架 MuseUI
一款基于bootstrap风格，兼容于主流浏览器（包括IE6）的后端UI开发组件。
绛旓細5.uiKit uiKit鏄竴娆捐交閲忕骇銆佹ā鍧楀寲鐨勫墠绔鏋讹紝鍙揩閫熸瀯寤哄己澶х殑web鍓嶇鐣岄潰銆6.H-ui H-ui鏄交閲忕骇鍓嶇妗嗘灦锛岀畝鍗曞厤璐癸紝鍏煎鎬уソ锛岄傜敤浜庝腑鍥界綉绔欍7.Weui weUI 鏄竴濂楀悓寰俊鍘熺敓瑙嗚浣撻獙涓鑷寸殑鍩虹鏍峰紡搴擄紝鐢卞井淇″畼鏂硅璁″洟闃熶负寰俊 Web 寮鍙戦噺韬璁★紝鍙互浠ょ敤鎴风殑浣跨敤鎰熺煡鏇村姞缁熶竴銆傚寘鍚玝utton銆乧el...
绛旓細- Bulma - 2015骞磋癁鐢熺殑Flexbox妗嗘灦锛屽紑婧愪笖鏄撳畾鍒讹紝鍏ㄧ悆鏁扮櫨涓囩綉绔欓噰鐢紝浠巒pm鎴杫arn瀹夎锛屽叾绠娲佺殑椋庢牸鍦ㄧ櫥褰曢〉銆佸崥瀹㈠拰鐢靛晢鍦烘櫙涓挨涓洪傜敤銆**6. ** **Chakra UI** **锛**浠ypeScript鍜孞avaScript涓哄熀鐭筹紝Chakra UI娉ㄩ噸鍙闂у拰鐜颁唬浣撻獙锛屽吋瀹筗AI-ARIA锛屽畾鍒跺寲绋嬪害楂橈紝鍔犻熷紑鍙戣繃绋嬨傞氳繃npm...
绛旓細AmazeUI杩欐槸绉颁负濡瑰瓙UI鐨勫紑婧愭鏋讹紝鎹О鏄腑鍥介涓紑婧怘TML5璺ㄥ睆鍓嶇妗嗘灦銆傚瀛怳I浠ョЩ鍔ㄤ紭鍏堜负鐞嗗康锛屼粠灏忓睆閫愭笎鍒板ぇ灞忥紝瀹炵幇鍝嶅簲寮忕綉椤点侫mazeUI鍖呭惈20+涓狢SS缁勪欢銆20+涓狫S缁勪欢锛屾洿鏈夊涓寘鍚笉鍚屼富棰樼殑Web缁勪欢銆侫ngular锛欰ngular鏄竴娆句紭绉鐨勫墠绔疛S妗嗘灦锛孉ngular鏈夌潃璇稿鐗规э紝鏈涓烘牳蹇冪殑鏄疢VW锛圡odel-V...
绛旓細1銆丅ootstrap鏄渶娴佽鐨勫墠绔紑鍙戞鏋锛屽彲浠ヨ涓嶆槸鍓嶇宸ョ▼甯堜篃鑳藉紑鍙戝嚭浼樼編鐨勯〉闈紝鏇村姞蹇嵎銆佹柟渚跨殑寮鍙憌eb椤甸潰鍜岀Щ鍔ㄧ搴旂敤銆備篃鑳藉紑鍙戝搷搴斿紡web椤甸潰锛屼笂鎵嬩篃闈炲父蹇2.React 鏄疐acebook 寮鍙戠殑妗嗘灦锛岀敤浜庢瀯寤洪〉闈乯avascript搴撱備富瑕佸姛鑳芥槸瀵笵OM鎿嶄綔锛屽０鏄庡紡璁捐锛屾洿蹇殑寮鍙戝嚭web搴旂敤绯荤粺 3銆丼emantic ...
绛旓細鍓嶇ui妗嗘灦鏈:閫傚悎绉诲姩绔殑UI妗嗘灦(Mint UI銆丼UI Mobile銆乄eui绛),閫傚悎PC 绔殑UI妗嗘灦(iView銆丒lement UI銆丼UI銆丠-ui绛),閫傚悎娣峰悎寮鍙戠殑UI妗嗘灦(ionic銆丗ramework7绛),浠ヤ笅鏄叿浣撶殑鍐呭浠嬬粛銆傞傚悎绉诲姩绔殑UI妗嗘灦Mint UI(楗夸簡涔堝洟闃)涓枃瀹樼綉:http://mint-ui.github.io/#!/zh-cn鎻忚堪:鍩轰簬vue鐨勭Щ鍔ㄧUI妗嗘灦...
绛旓細1銆乿ue-element-admin 涓涓熀浜巚ue2.0鍜孍lement鐨勬帶鍒堕潰鏉縐I妗嗘灦锛岃繖鏄娇鐢╲ue鎶鏈爤寮鍙戠殑鍓嶇绋嬪簭鍛樼殑棣栭夌鐞嗙郴缁熸ā鏉匡紝妯℃澘宸茬粡闈炲父鎴愮啛锛屽苟涓旀湁鐩稿叧鐨勭ぞ鍖哄拰缁存姢浜哄憳锛屽紑鍙戞椂閬囧埌闂涔熶笉瑕佹厡銆2銆丄dmianLTE 闈炲父娴佽鐨勫熀浜嶣ootstrap 3.x鐨勫厤璐瑰悗鍙癠I妗嗘灦锛岃繖鏄竴涓潪甯歌佺墝鐨勫悗鍙扮鐞嗙郴缁熸ā鏉匡紝姣忎釜...
绛旓細LayUI LayUI鏄竴娆鹃噰鐢ㄨ嚜韬ā鍧楄鑼冪紪鍐欑殑鍓嶇 UI 妗嗘灦锛閬靛惊鍘熺敓 HTML/CSS/JS 鐨勪功鍐欎笌缁勭粐褰㈠紡锛岄棬妲涙瀬浣庯紝鎷挎潵鍗崇敤銆傚叾澶栧湪鏋佺畝锛屽嵈鍙堜笉澶遍ケ婊＄殑鍐呭湪锛屼綋绉交鐩堬紝缁勪欢涓扮泩锛屼粠鏍稿績浠ｇ爜鍒 API 鐨勬瘡涓澶勭粏鑺傞兘缁忚繃绮惧績闆曠悽锛岄潪甯搁傚悎鐣岄潰鐨勫揩閫熷紑鍙戙侲lementUI Element鏄タ浜嗕箞鍓嶇寮婧缁存姢鐨刅ue UI...
绛旓細甯歌鐨剋eb鍓嶇寮鍙戞鏋跺涓嬶細1銆丅ootstrap锛氫富娴佹鏋朵箣涓锛孊ootstrap鏄熀浜嶩TML銆丆SS銆丣avaScript鐨勶紝瀹冪畝娲佺伒娲伙紝浣垮緱Web寮鍙戞洿鍔犲揩鎹枫2銆乭tml5-boilerplate锛氳妗嗘灦鍙互蹇熸瀯寤哄仴澹紝涓旈傚簲鍔涘己鐨剋ebapp鎴栫綉绔欍3銆丮eteor锛歁eteor鏄柊涓浠ｇ殑寮鍙戝嵆鏃秝eb搴旂敤鐨勫紑婧愭鏋讹紝瀹冭兘鍦ㄨ緝鐭椂闂村唴瀹屾垚寮鍙戙4銆...
绛旓細浠婂ぉ灏忕紪灏变负澶у鍒嗕韩涓浜涢珮璐ㄩ噺鐨鍓嶇妗嗘灦甯屾湜鑳藉瀵瑰ぇ瀹舵湁鎵甯姪銆備竴銆丵UICKUIQUICKUI鏄竴濂楀畬鏁寸殑浼佷笟绾web鍓嶇寮鍙戣В鍐虫柟妗堬紝鐢卞熀纭妗嗘灦銆乁I缁勪欢搴撱佺毊鑲ゅ寘銆佺ず渚嬪伐绋嬪拰鏂囨。绛夌粍鎴愩備娇鐢≦UICKUI寮鍙戣呭彲浠ユ瀬澶у湴鍑忓皯宸ヤ綔閲忥紝鎻愰珮寮鍙戞晥鐜囷紝蹇熸瀯寤哄姛鑳藉己澶с佺編瑙傘佸吋瀹圭殑web搴旂敤绯荤粺銆俀UICKUI浼樺娍锛氣憼鍔熻兘...
绛旓細杩欐槸绉颁负濡瑰瓙UI鐨勫紑婧愭鏋讹紝鎹О鏄腑鍥介涓紑婧怘TML5璺ㄥ睆鍓嶇妗嗘灦銆傚瀛怳I浠ョЩ鍔ㄤ紭鍏堜负鐞嗗康锛屼粠灏忓睆閫愭笎鍒板ぇ灞忥紝瀹炵幇鍝嶅簲寮忕綉椤点Amaze UI鍖呭惈20+涓狢SS缁勪欢銆20+涓狫S缁勪欢锛屾洿鏈夊涓寘鍚笉鍚屼富棰樼殑Web缁勪欢銆傜浉姣斿浗澶栨鏋讹紝濡瑰瓙UI鍏虫敞涓枃鎺掔増鎻愪緵鏈湴鍖栨敮鎸併傞潰鍚慔TML5寮鍙戯紝浣跨敤CSS3鏉ュ疄鐜板姩鐢讳氦浜掞紝...
