前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >15个很有趣的开源项目推荐

15个很有趣的开源项目推荐

原创
作者头像
腾讯新闻前端团队
发布2022-02-09 14:33:07
1.7K0
发布2022-02-09 14:33:07
举报
文章被收录于专栏:腾讯新闻前端团队

新年快乐,愉快的假期中总是不自觉的打开电脑😄。开源的世界每天都会有各种惊喜,下面是我们整理的15个有趣的开源项目,希望当中有您喜欢的。

image.png
image.png

1. 视搭

Site: https://github.com/tnfe/shida

《视搭》是一个 视频可视化 搭建项目。您可以通过简单的拖拽方式快速生产一个短视频,使用方式就像易企秀或MAKA等 h5 搭建工具一样的简单。目前行业内罕有关于视频可视化搭建的开源项目,《视搭》是一个相对比较完整的开源项目,仅抛砖引玉希望您喜欢。

image.png
image.png

2. C2F

Site: https://github.com/drawcall/c2f

对于初学者来说,flutter widget的复杂样式代码真的很难记。我们想建立一个在线将css样式代码转换为flutter样式代码的网站。它可以帮助那些 Web 开发人员快速入门flutter

image.png
image.png

3. TransX

Site: https://github.com/tnfe/transx

一个小巧玲珑的 vue 组件切换动画库, 支持 10 几种动画切换方式, 效果十分炫酷并且非常轻量哦~

image.png
image.png
image.png
image.png

run-wasm

Site: https://github.com/slipHQ/run-wasm

run-wasm 是一个易于使用的工具,用于在浏览器中运行基于 WASM 的代码执行。

该项目的目标是构建一种通过 WebAssembly 在浏览器中执行各种编程语言的简单方法。

人们应该能够使用这个项目轻松地在他们的网站上嵌入可执行代码片段!

image.png
image.png

5. InkPaint

Site: https://github.com/drawcall/inkpaint

InkPaint是一个运行在node.js端的轻量级Canvas图形渲染库。使用InkPaint可以在服务端动态合成各种图片、pdf等。同时,InkPaint是node.js和浏览器之间的通用库,在浏览器端依然可以正常运行。

image.png
image.png

6. Awesome-1kb

Site: https://github.com/xucz/awesome-1kb

收集🐝各种小巧而精致的 1kb javascript小库,麻雀虽小五脏俱全。

image.png
image.png

7. concent

Site: https://github.com/concentjs/concent

内置依赖收集,可预测、零入侵、渐进式、高性能的react开发框架。concent是一个专为react提供状态管理服务的框架,提炼现有各大框架的精华,以及社区公认的最佳实践,通过良好的模块设计,既保证react的最佳性能又允许用户非常灵活的解耦UI逻辑与业务逻辑的关系,从整体上提高代码的可读性可维护性可扩展性。了解更多请访问官方文档https://concentjs.github.io/concent-doc

image.png
image.png
image.png
image.png

8. CSIJS

Site: https://github.com/tnfe/csijs

CSI.JS是一个前端日志系统,它将错误信息记录于本地localStorage中。无任何依赖、无入侵性。使用非常简单,很容易引入你的系统中,而且不会造成任何影响。 它可以帮你快速重建犯罪现场。

image.png
image.png

9. LIMU

Site: https://github.com/tnfe/limu

limu is short of love immutable, born for efficient creation and operation of immutable object.

代码语言:txt
复制
import { produce, createDraft, finishDraft } from 'limu';

produce

代码语言:txt
复制
const baseState = {
  a: 1,
  b: [ 1, 2, 3 ],
  c: {
    c1: { n: 1 },
    c2: { m: 2 },
  }
};
const nextState = produce(baseState, (draft)=>{
  draft.a = 2;
  draft.b['2'] = 100;
});

console.log(nextState === baseState); // false
console.log(nextState.a === baseState.a); // false
console.log(nextState.b === baseState.b); // false
console.log(nextState.c === baseState.c); // true

10. deno-tutorial

Site: https://github.com/hylerrix/deno-tutorial

长期更新的《Deno 钻研之术》!循序渐进学 Deno & 先易后难补 Node & 面向未来的 Deno Web 应用开发

  • 基础篇:循序渐进学 Deno 基础知识;
  • 标准库篇:深入标准库的内部世界;
  • CLI 篇:探索 CLI 命令行的知识;
  • Web 篇:打造 Web 开发基石;
  • Node 篇:先易后难补 Node 知识,探索与 Deno 的异与同;
  • Rust 篇:探索 Deno 底层有关 Rust 的更多知识;
  • 前端篇:探索 Deno Web 前端应用开发的方式;
  • 后端篇:探索 Deno Web 后端应用开发的方式;
  • 架构篇:深入到 Deno 底层读 V8,学架构;
  • 生态篇:介绍 Deno 生态的相关内容;
  • 翻译篇:翻译优质的、授权的英文一手博文。
  • 以及更多

图片

11. dooringx lowcode

Site: https://github.com/H5-Dooring/dooringx

dooringx-lib 是 dooringx 的基座,是移除了 dooringx 插件的可视化拖拽框架。

dooringx-lib 提供自己的一套数据流事件机制以及弹窗等解决方案,可以让你更快地自己定制开发可视化拖拽平台。

dooringx-lib 在运行时维护一套数据流,主要分为json数据部分,左侧组件部分,右侧配置项部分,快捷键部分,弹窗部分,事件与函数部分,数据源部分。

其除了提供基础的拖拽、移动、缩放、全选、旋转等功能外,还可以使用暴露的组件。如果觉得组件不够定制化,可以调整样式或者自己重新写。

image.png
image.png
image.png
image.png

12. opencv-wasm

Site: https://github.com/echamudi/opencv-wasm

为 node.js 和 deno 环境预编译 OpenCV 到 JavaScript + WebAssembly。

在这个 Wasm 编译的 OpenCV 中,无需在机器中安装 OpenCV。 整个 OpenCV 库已经在这个包中(opencv.js 和 opencv.wasm)。该模块具有零依赖关系。

13. threejs-mesh-modifiers

Site: https://github.com/drawcall/threejs-mesh-modifiers

一个 Three.js 的网格变形修改器,包括近十个修改器,如 Bend、Bloat、Noise、Skew 和 Taper 等。它非常轻量级且使用简单,使用它可以给你意想不到的效果。

image.png
image.png
image.png
image.png

14. flutter_tiktok

Site: https://github.com/DingMouRen/flutter_tiktok

Flutter Tiktok 抖音实战,Flutter实现抖音的UI效果。

image.png
image.png
image.png
image.png

15. fair ui

Site: https://github.com/wuba/fair

Fair是为Flutter设计的动态化框架,通过Fair Compiler工具对原生Dart源文件的自动转化,使项目获得动态更新Widget的能力。

Fair的UI渲染是无损的,可以做到像素级别的还原,看一张转义Best Flutter UI Templates部分页面后的效果:

image.png
image.png
image.png
image.png

感谢您的耐心阅读!

image.png
image.png

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 视搭
    • Site: https://github.com/tnfe/shida
    • 2. C2F
      • Site: https://github.com/drawcall/c2f
      • 3. TransX
        • Site: https://github.com/tnfe/transx
        • run-wasm
          • Site: https://github.com/slipHQ/run-wasm
          • 5. InkPaint
            • Site: https://github.com/drawcall/inkpaint
            • 6. Awesome-1kb
              • Site: https://github.com/xucz/awesome-1kb
              • 7. concent
                • Site: https://github.com/concentjs/concent
                • 8. CSIJS
                  • Site: https://github.com/tnfe/csijs
                  • 9. LIMU
                    • Site: https://github.com/tnfe/limu
                      • produce
                        • Site: https://github.com/hylerrix/deno-tutorial
                        • Site: https://github.com/H5-Dooring/dooringx
                        • Site: https://github.com/echamudi/opencv-wasm
                        • Site: https://github.com/drawcall/threejs-mesh-modifiers
                        • Site: https://github.com/DingMouRen/flutter_tiktok
                        • Site: https://github.com/wuba/fair
                    • 10. deno-tutorial
                    • 11. dooringx lowcode
                    • 12. opencv-wasm
                    • 13. threejs-mesh-modifiers
                    • 14. flutter_tiktok
                    • 15. fair ui
                    领券
                    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档