1.bootstrap: 由twitter出品的 UI 框架。经过多年的发展,社区构建出了一个强大的生态,以及各种各样的插件,基本上你所需要的都能找到。框架主要以css为主,js为辅,js组件部分依赖jquery。也有针对react的适配react-bootstrap和vue的适配bootstrap-vue。
2.Semantic-UI: 语义化的 UI 框架。与bootstrap类似,主要以css为主,js为辅,js组件部分依赖jquery。但与bootstrap不同的是,它的命名采用语义化,而非连字符-(如:<button class="ui primary button">Primary</button>,<div class="ui small image"><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="image.png"></div>)。也有针对react的适配Semantic-UI-React。
3.materialize: Google 材质设计(Material Design)forweb.
4.material-ui: Google 材质设计(Material Design)forreact.
5.ant-design: 蚂蚁金服出品的一套 UI 框架(forreact).
6.bulma: 另一套类似bootstrap和Semantic-UI的 UI 框架。
7.element: 饿了么官方出品的一套 UI 框架(forvue).
8.iview: 另一套 UI 框架(forvue).
作者:一墨编程学习
链接:https://www.jianshu.com/p/a5205d4c12da
共同学习,写下你的评论
评论加载中...
作者其他优质文章