扫一扫
关注 HG 公众号
发现更多开源乐趣

JavaScript 项目

兴趣是最好的老师,HelloGitHub 就是帮你找到编程的兴趣。

dicebear

第 75 期 Star 4.7k Watch 20 Fork 156
供设计师和开发者使用的头像库。可根据传入的字符串,自动生成对应用户头像的库,还有免费的接口服务。支持多种不同的风格,比如:像素、冒险家、标识等。

// 安装:npm install --save @dicebear/avatars @dicebear/micah

import { createAvatar } from '@dicebear/avatars';
import * as style from '@dicebear/micah';

let svg = createAvatar(style, {
  seed: 'custom-seed',
  // ... and other options
});

dicebear

bytemd

第 74 期 Star 2.8k Watch 28 Fork 219
掘金社区开源的 Markdown 编辑器组件。基于 Svelte 构建的 Markdown 编辑器组件,功能齐全还可以通过插件扩展功能,默认安全且兼容 SSR,适用于 React、Vue 和 Angular 框架

// React
import { Editor, Viewer } from '@bytemd/react'
import gfm from '@bytemd/plugin-gfm'

const plugins = [
  gfm(),
  // Add more plugins here
]

const App = () => {
  const [value, setValue] = useState('')

  return (
    <Editor
      value={value}
      plugins={plugins}
      onChange={(v) => {
        setValue(v)
      }}
    />
  )
}

bytemd

WebGAL

第 74 期 Star 1.3k Watch 16 Fork 114 中文
易于开发的网页端视觉小说引擎。无需开发基础分分钟就能学会所有语法,立马开始创作自己的 Galgame。在线尝试
WebGAL

xterm.js

第 74 期 Star 13.5k Watch 185 Fork 1.3k
功能齐全的终端前端组件。用 TypeScript 编写的前端组件,提供了完整的终端功能、支持鼠标事件、丰富的 Unicode 支持。在众多流行开源项目中都能看到它的身影,比如 VS Code、Hyper 和 Theia 等
xterm.js

fortune-sheet

第 74 期 Star 1.4k Watch 20 Fork 84
类似 Excel 的电子表格组件。使用简单无需繁琐的配置,内置多种 Excel 常用功能,并且支持在线协同编辑

import React from 'react';
import ReactDOM from 'react-dom';
import { Workbook } from "@fortune-sheet/react";
import "@fortune-sheet/react/dist/index.css"

ReactDOM.render(
  <Workbook data={[{ name: "Sheet1" }]} />,
  document.getElementById('root')
);

fortune-sheet

rough

第 73 期 Star 17.4k Watch 162 Fork 567
手绘风格的图形库。可以让你用素描、类似手绘的风格来绘制图形

const rc = rough.canvas(document.getElementById('canvas'));
rc.rectangle(10, 10, 200, 200); // x, y, width, height

rough

cnchar

第 73 期 Star 1.5k Watch 20 Fork 150 中文
小巧的汉字处理 JS 库。支持简体字拼音、多音字、笔画数等功能

let spell = cnchar.spell('你好');
let stroke = cnchar.stroke('你好');
console.log(spell, stroke);

cnchar

nexe

第 73 期 Star 11.6k Watch 169 Fork 520
可将 Node.js 应用程序,打包成一个可执行文件的命令行工具
nexe

rubiks-cube

第 73 期 Star 289 Watch 6 Fork 36 中文
使用 Three.js 制作的 3D 魔方。支持自定义魔方阶数,在线尝试
rubiks-cube

nanoid

第 73 期 Star 18.3k Watch 147 Fork 663
用于生成随机 ID 的 JS 库

  • 小巧:无依赖,仅 130 字节
  • 快速:比 UUID 快 60%
  • 安全:加密的强随机 API,可在集群中使用
  • 紧凑:它使用比 UUID 更大的字母表
  • 易用:已移植到 20 多种编程语言
const { nanoid } = require('nanoid');
nanoid(); //=> "U9HDHNW3BkWMEd6GV_QPa"