Github上8个超实用的前端项目,Star数破万,值得收藏!

发表时间: 2022-12-09 14:06

别滑走!认真花5分钟看完这篇文章,这里的分享一定对你有所帮助,或许就会成为你成长道路上的助力,看完记得点赞、收藏哦!

本篇文章,老K要推荐G站上8个非常实用的前端项目,都是Star过万的项目。包括JS的3D渲染库、多端在线聊天室、Markdown语法编辑器等等。


1. three.js

  • url: mrdoob
  • star: 87000
  • fork: 33000
  • watch: 2600

这是一个知名的 JavaScript 3D 库。随着数据的可视化和 Web AR 越来越流行,three.js 也被广泛地使用。尤其是和 Vue和React 结合使用前端框架。官方网站包含丰富的示例和全面的中文文档。


2. reveal.js

  • url: hakimel
  • star: 63000
  • fork: 16000
  • watch: 1700

这个一个基于前端的演示框架,利用HTML和JavaScript实现类PPT展示。让你告别传统而死板的PPT制作方法,更便捷地使用HTML、Markdown语言制作PPT演示文档。


3. marktext

  • url: marktext
  • star: 37000
  • fork: 2800
  • watch: 387

这是一个Markdown语法编辑器,操作简单而优雅,支持在Linux、macOS和 Windows不同操作环境下使用。下载地址->。

功能:

  • 实时预览和简洁明了的界面(所见即所得);
  • 支持Markdown扩展语法,如数学表达式、Latex和emoji表情等;
  • 可以输出HTML以及PDF文件;
  • 支持各种编辑模式:源代码模式、打字机模式、专注模式;
  • 等等;


4. p5.js

  • url: processing/p5.js
  • star: 18000
  • fork: 2800
  • watch: 498

这是一个 JavaScript 创意编程库,可以用来绘图、实现艺术创意等。

只要会JS代码就可以用它画出许多有趣的图形和内容。文档齐全能够快速上手,还有在线编辑器。

官网->

示例代码:

function setup() {  createCanvas(640, 480);}function draw() {  if (mouseIsPressed) {    fill(0);  } else {    fill(255);  }  ellipse(mouseX, mouseY, 80, 80);}


5. fiora

  • url: fiora
  • star: 5500
  • fork: 1100
  • watch: 97

这是一个功能丰富的多端在线聊天室。界面简洁清新,除了基本的聊天功能,还有消息朗读的功能。项目是基于 TypeScript 和 React 实现的。代码逻辑清晰,注释完善,十分适合用于学习 node.js、 TypeScript、React 等技术。


6. chrome-music-lab

  • url: googlecreativelab/chrome-music-lab
  • star: 1800
  • fork: 456
  • watch: 111

Chrome 的音乐实验室,一个让学习音乐变得更加简单、好玩的网站。

本项目100%基于Web开发,支持多种乐器,可直接访问、老少咸宜。


7. zhui

  • url: zhui-team/zhui
  • star: 1400
  • fork: 64
  • watch: 13

好用的国风组件库。这里充满了有趣的创意。


8. axial3d

  • url: bestvist/axial3d
  • star: 137
  • fork: 11
  • watch: 2

GitHub 404 页面的动画效果十分有趣,会跟定鼠标的位置调整图片的距离。

效果有趣,使用场景多,并且十分友好地实现了组件化。


以上项目分享给大家,希望对你有用。

如果有任何疑问,欢迎在评论区留言交流。

离开之前,记得点赞哦!