目前最热门的前端框架

1、bootstrap

  目前最流行的 HTML, CSS 和 JavaScript 框架,用于开发响应式,移动端先行的 web 项目

gethub:https://github.com/twbs/bootstrap

官网:http://getbootstrap.com/

 

2、vue

  一个用以创建用户接口的直观、快速、简洁的 MVVM 框架

gethub:https://github.com/vuejs/vue

官网:https://vuejs.org/

 

3、angular.js

  Google推出的MVVM框架,它会通过双向数据绑定自动从你的UI(视图)同步数据到javascript模型。

gethub:https://github.com/angular/angular.js

官网:https://angularjs.org/

 

4、react

  Facebook 推出的一款声明式的,高效的,灵活的用于创建用户界面的JavaScript 库

gethub:https://github.com/facebook/react

官网:https://reactjs.org/

 

5、webpack

 一个现代 JavaScript 应用程序的静态模块打包器

gethub:https://github.com/webpack/webpack

官网:https://webpack.js.org/

 

UI框架

1、react-native

  一个基于 React 的创建原生APP的框架,它使用与React相同的设计,允许您从声明性组件组成丰富的移动UI。

gethub:https://github.com/facebook/react-native

官网:http://facebook.github.io/react-native/

 

2、layer

@layui layui框架下的一个弹出层框架 pc和移动端都可使用 简洁方便

官网:http://layer.layui.com/

 

3、video.js

  Video.js - 开源的 HTMl5 和 Flash 视频播放器

gethub:https://github.com/videojs/video.js

官网:https://videojs.com/

 

css框架

1、animate.css

  跨浏览器的CSS3动画库,使用方便

gethub:https://github.com/daneden/animate.css

官网:https://daneden.github.io/animate.css/

 

2、Font-Awesome

 图标字体和 CSS 套件,Font Awesome 是一整套包含 585 个象形矢量图标的字体库,由 Dave Gandy 创建和维护,在Twitter上保持更新最新版本的发布

gethub:https://github.com/FortAwesome/Font-Awesome

官网:https://fontawesome.com/?from=io

 

3、Hover

  CSS3鼠标移到元素上面的动画效果,可运用在超链接、按钮、logo、SVG、图片等等。能够很方便地使用在你自己的元素上,支持 CSS、Sass、LESS

gethub:https://github.com/IanLunn/Hover

官网:https://ianlunn.github.io/Hover/

 

4、metro-ui-css

 用于构建Windows 8 Metro UI样式界面的CSS样式

gethub:https://github.com/olton/Metro-UI-CSS

官网:https://metroui.org.ua/examples.html

 

可视化视图框架

1、d3

  一个针对 HTML 和 SVG 的 JavaScript 可视化库

gethub:https://github.com/d3/d3

官网:https://d3js.org/

 

2、three.js

  JavaScript 3D 库,该项目旨在创建一个轻量的,易用的 3D 图形库 

gethub:https://github.com/mrdoob/three.js

官网:https://threejs.org/

 

3、echarts

 百度团队开发的一款商业级数据图表

gethub:https://github.com/apache/incubator-echarts

官网:http://echarts.baidu.com/

 

4、Chart.js

   使用<canvas> 标签的简洁的HTML5图表

gethub:https://github.com/chartjs/Chart.js

官网:https://www.chartjs.org/

 

持续更新。。。。。。

 

Logo

前往低代码交流专区

更多推荐