国内最火的 html、css、javascript 开源项目 top 榜,你知多少? -买球官网平台

对于开发者而言,想要着手前端开发,html、css 和 javascript 是三项必备的基础技能。而如何事半功倍地掌握好这些知识?通过了解当下火热的开源项目不乏为最佳学习姿势。本文盘点国内评分最高且收藏量超过 100 的前端技术开源项目,希望可以帮助更多的开发者扩展学习。

1.极简模块化前端ui框架 layui

评分:9.3;收藏量:873

授权协议:mit
开发语言:javascript、html/css
操作系统:跨平台
源码地址:

layui 是一款采用自身模块规范编写的情怀型前端ui框架,遵循原生html/css/js的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到api的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于2016年金秋,她区别于那些基于mvvm底层的ui框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

2.javascript 图表库 echarts

评分:8.9;收藏量:2448

授权协议:bsd
开发语言:javascript
操作系统:跨平台
源码地址:

echarts是一款由百度前端技术部开发的,基于javascript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。提供大量常用的数据可视化图表,底层基于zrender(一个全新的轻量级canvas类库),创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、k线图、地图、力导向布局图以及和弦图,同时支持任意维度的堆积和多图表混合展现。

3.国产跨屏响应式前端框架 拼图 pintuer

评分:8.7;收藏量:220

授权协议:apache
开发语言:javascript、html/css
操作系统:跨平台
源码地址:

拼图 pintuer.com:国内优秀的html、css、js跨屏响应式开源前端框架,使用最新浏览器技术,为快速的前端开发提供一系统的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式工具包,占用资源小,使用拼图可以快速构建简洁、优雅而且自动适应手机、平板、桌面电脑等设备的前端界面,让前端开发像玩游戏一下快乐而轻松。

拼图前端框架在传统css框架的基本上,增加了html5、css3、js等技术组合应用,应用于最新的浏览器技术,同时兼容较早的浏览器,新旧结合,承前启后,开发者只需把框架文件引入到项目中,就可以初现快速的共同开发,改变以往建立pc网站同时,再建立手机网站的局面,实现一站响应所有设备,大大提高了开发效率。

4.轻量级 material design 前端框架 mdui

评分:8.6;收藏量:215

授权协议:mit
开发语言:javascript、html/css
操作系统:跨平台
源码地址:

mdui 是一个轻量级的 material design 前端框架,对照着 material design 文档进行开发,争取 1:1 实现 material design 中的组件。
  • 多主题支持:mdui 拥有 19 种主色、 16 种强调色、和一种夜间主题。只需添加一个 css 类即可实现主题的切换。
  • 轻量级:包含所有主题的 css 文件仅 26.4kb minified gzip,javascript 文件仅 12kb minified gzip,且没有任何依赖
  • 响应式:移动优先,可适配所有屏幕。
5.win10 风格的前端响应式 ui 框架 win10-ui

评分:8.5;收藏量:170

授权协议:sata
开发语言:javascript、html/css
操作系统:跨平台
源码地址:

win10-ui是一款win10风格的后台ui框架。它使用了丰富的win10桌面元素,包括桌面图标、窗口化子页面管理、开始菜单、动态小磁贴等组件,兼容主流现代浏览器及移动端的屏幕尺寸,适合快速开发后台管理系统的前端界面。

win10-ui采用传统ui框架的渲染设计,无序记住繁复的js代码,只需要套用html结构就可以轻松渲染出桌面元素。同时也保留了主动调用的api,让高级开发者可以定义ui的细节。它并没有定义太多的“规则”,你完全可以用css、js扩充它的功能,把它打造成属于你的独一无二的后台ui。

6.node 终端界面库 blessed-contrib

评分:8.5;收藏量:125

授权协议:mit
开发语言:javascript
操作系统:跨平台
源码地址:

blessed-contrib 是使用 node.js 构建终端应用界面的库。

7.基于 react 和 redux 的现代内容编辑器 ory editor

评分:8.3;收藏量:109

授权协议:agpl
开发语言:javascript
操作系统:跨平台
源码地址:

ory 是一家构建和维护开发者工具的公司,ory editor 是一个用于 web 的智能、可扩展和现代的编辑器(“wysiwyg”),使用 react 编写。如果你厌倦了 contenteditable 的限制,这将是不错的选择。

ory editor 可用于创建网站,与 squarespace 类似,不过它可以离线运行,通过它创建的网站会存储在设备上,还可以创建自己的设计和插件。

8.移动应用动画效果框架 lottie

评分:8.3;收藏量:317

授权协议:apache
开发语言:java、objective-c、javascript
操作系统:android
源码地址:
  • android :
  • ios :
  • react native :

lottie 是 airbnb 开发的一款能够为原生应用添加动画效果的开源工具。lottie 目前提供了 ios、android 和 react native 版本,能够实时渲染 after effects 动画特效。

目前,lottie支持路径修剪、蒙版、遮盖等操作。此外还有一个可选的缓存机制,对那些频繁使用的东西能够更快加载。这款应用的目标就是帮助开发者和动画师能够更轻松的为应用创建动画,从而在整体上提升互动因素。

9.主题优化包 jquery easyui 1.5.x of insdep theme

评分:8.3;收藏量:101

授权协议:gpl
开发语言:javascript
操作系统:跨平台
源码地址:

insdep theme是基于easyui 1.5.x 的一款免费的美化主题包,拥有百度编辑器、cropper、highcharts、justgage、plupload等各类适应本主题的第三方插件美化补丁。并且各类常用jquery插件正在美化中。后期会提供更多的主题、组件及第三方插件美化样式。

10.基于 ueditor 的现代化富文本编辑器 neditor

评分:8.3;收藏量:503

授权协议:mit
开发语言:javascript
操作系统:跨平台
源码地址:

百度前端团队做了许多努力,现在 ueditor 是公认最好用的中文富文本编辑器。但是随着时间的推移,大家感觉百度编辑器并不是那么漂亮。于是我们对 ueditor 进行修改,有了现在的 neditor 。

11.基于 vue.js 的 ui 组件库 iview

评分:8.3;收藏量:475

授权协议:mit
开发语言:html/css
操作系统:跨平台
源码地址:

iview 是一套基于 vue.js 的 ui 组件库,主要服务于 pc 界面的中后台产品。

特性
  • 高质量、功能丰富
  • 友好的 api ,自由灵活地使用空间
  • 使用单文件的 vue 组件化开发模式
  • 基于 npm webpack babel 开发,支持 es2015

12.基于 vue 2.0 的组件库 element

评分:8.2;收藏量:609

授权协议:mit
开发语言:javascript
操作系统:跨平台
源码地址:

element,一套为开发者、设计师和产品经理准备的基于 vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。由饿了么公司前端团队开源。

13.html5 跨屏前端框架 amaze ui

评分:8.1;收藏量:1213

授权协议:mit
开发语言:javascript、html/css
操作系统:跨平台
源码地址:

amaze ui采用国际最前沿的“组件式开发”以及“移动优先”的设计理念,基于其丰富的组件,开发者可通过简单拼装即可快速构建出html5网页应用,上线仅半年,amaze ui就成为了国内最流行的前端框架,目前在github上收获star数近万,服务于全球50w开发者。

14.专为微信设计的 ui 库 weui

评分:7.7;收藏量:2002

授权协议:mit
开发语言:javascript、html/css
操作系统:跨平台

weui 是由微信官方设计团队专为微信移动 web 应用设计的 ui 库。

weui 是一套同微信原生视觉体验一致的基础样式库,为微信 web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

15.仪表盘 webapp 模板 adminlte

评分:7.6;收藏量:136

授权协议:mit
开发语言:javascript、html/css
操作系统:跨平台
源码地址:

adminlte 是受欢迎的开源的管理仪表盘和控制面板的webapp模板。它是基于bootstrap 3的css框架,反应灵敏的html模板。利用所有bootstrap的组件对大部分使用插件进行设计和调整风格,创建出可以用作后端应用程序的用户界面一致性设计。adminlte是基于模块化设计,很容易在其之上定制和重制。

16.web上线部署系统工具 walle

评分:7.4;收藏量:359

授权协议:mit
开发语言:php、html/css
操作系统:跨平台

walle 一个web部署系统工具,配置简单、功能完善、界面流畅、开箱即用!支持git、svn版本管理,支持各种web代码发布,php,python,java等代码的发布、回滚,可以通过web来一键完成。

17.网站管理后台模板 charisma

评分:7.4;收藏量:1055

授权协议:apache
开发语言:html/css
操作系统:跨平台

charisma 是基于 twitter bootstrap 制作的响应式网站管理后台模板,包含9套漂亮的主题。

18.开源看板管理系统 libreboard

评分:7.4;收藏量:380

授权协议:mit
开发语言:javascript、html/css
操作系统:跨平台

libreboard 是一个卡片式的组织 kanban 的开源实现。可以用来实现团队内部的协作沟通,你可以吧 libreboard 看成是 trello 的开源版本。libreboard 为 sandstorm 平台提供了一键安装以及一个经过验证的 docker 映像。

注:以上评分、收藏量等数据均来自开源中国。
  • 大小: 8.5 kb
  • 大小: 34.6 kb
  • 大小: 21.7 kb
  • 大小: 1 mb
  • 大小: 1.8 mb
  • 大小: 25.5 kb
  • 大小: 1.4 mb
  • 大小: 30.4 kb
  • 大小: 20.9 kb
  • 大小: 49.1 kb
  • 大小: 40.4 kb
  • 大小: 26.7 kb
  • 大小: 75.3 kb
  • 大小: 25.1 kb
  • 大小: 717.7 kb
  • 大小: 242.1 kb
  • 大小: 28.3 kb
来自:
3
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 数据融合matlab代码顶级d3 github存储库 基于这是前200个d3 ...绘图功能强大的开源javascript图形库 javascript 7896 896 7 基于d3的可重用图表库 javascript 7562 1248 8 用d3.js编写的可重用图表库 javascript

  • 教你如何使用google进行搜索     看了这篇文章的标题以后,也许有些人会觉得没什么价值,不就是搜索吗,还会有什么深奥的知识不成。的确,对于黑客职业来说,这篇文章的技术含量不是很高。但是它能够给你指明一条通向光明的道路。正如古人所说的:“公欲善其事,必先利其器”。在我看

  •   一,google简介   google(www.google.com)是一个搜索引擎,由两个斯坦福大学博士生larry page与sergey brin于1998年9月发明,google inc. 于1999年创立。2000年7月份,google替代inktomi成为yahoo公司的搜索引擎,同年9月份,google成为中国网易公司的搜索引擎。98年至今,google已经获得30多项业界大奖。...

  • 资源页面中可能有这样的语句:index of /mp3index of /avi等等。用google中的高级搜索就可以找到资源页面的链接

  • 对于开发者而言,想要着手前端开发,html、css 和 javascript 是三项必备的基础技能。而如何事半功倍地掌握好这些知识?通过了解当下火热的开源项目不乏为最佳学习姿势。本文盘点国内评分最高且收藏量超过 100 的...

  • github目前已经成为全球最流行的开源项目托管平台,目前托管在github上的项目数量已经达到了1000万,而达到这一里程碑只用了不到4年的...最火的开源项目本文就来看看目前github中star数最多的开源项目是什么。下面是...

  • 2017 年开源中国社区新增开源项目排行榜 top 100 新鲜出炉! 这份榜单根据 2017 年开源中国社区新收录的开源项目的关注度和活跃度整理而来,这份最受关注的 100 款开源项目榜单在一定程度上预示着业界的最新流行...

  • 初学者可以尝试实现这些项目,并在html、css、js编译环境中动手操作。所有项目都已收集在专栏:【100个摸鱼小游戏】(源码永久免费开源)直接跳到末尾 参与评论送书 直接跳到末尾 领取完整源码 快速跳转 如何高效...

  • 中文热门开源项目top100,你知道多少? jopen  2015-06-30 11:06:54  •   发布 摘要:在七牛云助开源项目扶持里面看到的,前20个里面只认识5个:禅道,echarts,goagent,amaze ui和ztree,快来看...

  • 来源:开源最前线 猿妹整编链接:https://www.itcodemonkey.com/article/2280.html(点击尾部阅读原文前往)本篇文章为大家盘点了1月份最热门的 javascript 项目,让我们一起来看下吧!1编辑器tui.editorhttps://...

  • 六、更多html期末大作业文章 1.html期末学生结课大作业~html css javascript仿叮当电影在线网站(功能齐全) 2.html期末学生作业~html css javascript仿猫眼电影在线网站(功能齐全) 3.html期末学生大作业(9套)...

  • 2017 年开源中国社区新增开源项目排行榜 top 100 新鲜出炉! 这份榜单根据 2017 年开源中国社区新收录的开源项目的关注度和活跃度整理而来,这份最受关注的 100 款开源项目榜单在一定程度上预示着业界的最新流行...

  •   一个使用 html5 css3 javascript 编写的登录页面,包含 logo、轮播图、正则表达式、css3渐变…的登录界面。 项目源码   笔者提供项目源码,建议通过 github 或 gitee 获取,别忘了 start 一下哦,也可通过本...

  • ️ 网页中包含:div css、鼠标滑过特效、table、导航栏效果、banner、表单、二级三级页面等,视频音频元素,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。 一套优质的网页设计应该包含 (具体可根据...

  • 作者:hellogithub-卤蛋 2020 年已成往事,2021 年悄然而...在这一年的月刊中,你最喜欢哪个开源项目呢? 下面就让我们来回顾下 2020 年《hellogithub 月刊》最受欢迎的 10 个开源项目,统计时间从 2020.1.28-2020.12..

  • 青柠起始页样式书写 清新风格登录界面——html css javascript

  •  tcp服务端与客户端的java实例源代码,一个简单的java tcp服务器端程序,别外还有一个客户端的程序,两者互相配合可以开发出超多的网络程序,这是最基础的部分。 递归遍历矩阵 1个目标文件,简单! 多人聊天室 3...

  •  tcp服务端与客户端的java实例源代码,一个简单的java tcp服务器端程序,别外还有一个客户端的程序,两者互相配合可以开发出超多的网络程序,这是最基础的部分。 递归遍历矩阵 1个目标文件,简单! 多人聊天室 3...

global site tag (gtag.js) - google analytics