这里是按照「分类」阅读往期的 HelloGitHub 月刊内容, 您目前在查看 HelloGitHub JavaScript 项目 集合。
极简的 3D 建筑编辑器。这是一款基于 React 和 WebGPU 构建的 3D 建筑编辑器,可以在浏览器中创建、编辑和分享 3D 建筑模型。

在浏览器中运行多种复古游戏的模拟器。这是一款基于 JavaScript 和 WebAssembly 开发的复古游戏模拟器,支持 NES、SNES、GBA、PSP、PS1、街机等经典游戏。用户只需在网页中拖入游戏 ROM 即可开始游戏,支持存档、联机对战、屏幕录制等功能。

生成代码仓库知识图谱的工具。该项目能够根据代码仓库生成包含调用链、依赖关系和执行流程的交互式知识图谱,为 Cursor、Claude Code 等 AI 编程工具提供结构化上下文。

极简零依赖的前端 UI 库。这是一个压缩后仅 8KB、零依赖的 UI 组件库,仅需引入极小体积的 CSS 和 JS 文件,就能轻松构建美观且包含常见组件的 Web 应用。

基于 Cloudflare 的轻量级邮箱服务。这是一款基于 Cloudflare 的轻量级、响应式邮箱服务,只需一个域名即可在 Cloudflare Workers 上低成本快速搭建邮件服务平台,支持群发、收发附件和人机验证等功能。

当个人主页变成 3D 游戏。该项目是前端大神 Bruno Simon 的开源新作,他将个人主页打造成一个可以驾车探索的沉浸式 3D 开放世界游戏,融入了物理模拟、天气系统、植被、昼夜交替等元素。

让汉字在网页上动起来。这是一款用于展示汉字笔画顺序和交互式书写练习的 JavaScript 库,支持简/繁体字、调节播放速度、循环方式、实时检查笔画正确性等功能。
var writer = HanziWriter.create('character-target-div', '你好', { width: 100, height: 100, padding: 5, showOutline: true }); document.getElementById('animate-button').addEventListener('click', function() { writer.animateCharacter(); });

专为流式输出而生的 Markdown 渲染组件。该项目是专为流式传输场景设计的 React Markdown 组件,可用于解决大语言模型逐字输出 Markdown 内容时出现的闪烁、渲染错误和安全等问题。
export default function Chat() { const { messages, status } = useChat(); return ( <div> {messages.map(message => ( <div key={message.id}> {message.role === 'user' ? 'User: ' : 'AI: '} {message.parts.map((part, index) => part.type === 'text' ? ( <Streamdown key={index} animated plugins={{ code, mermaid, math, cjk }} isAnimating={status === 'streaming'} > {part.text} </Streamdown> ) : null, )} </div> ))} </div> ); }

