下拉刷新
JavaScript 项目

这里是按照「分类」阅读往期的 HelloGitHub 月刊内容, 您目前在查看 HelloGitHub JavaScript 项目 集合。

1
ACGTI
Star 815
Vol.121
14 天前

二次元版 MBTI 测试网站。这是一个基于 MBTI 理论的二次元角色测试网站,通过 39 道情境题和 110 位热门动漫角色生成专属角色代码,支持四维倾向展示、导出结果海报和排行榜等功能。

ACGTI
Star 1.1k
Vol.121
2 天前

动物森友会风格的 React 组件库。这是一款以《集合啦!动物森友会》游戏界面为设计灵感的 React UI 组件库,包含 Button、Card、Switch、Time、Phone 等常用组件。

animal-island-ui
3
pixijs
Star 4.7w
Vol.121
1 天前

极快的 Web 2D 渲染库。这是一款轻量级、高性能的 Web 2D 图形库,支持 WebGL 和 WebGPU 双渲染器。它提供简洁易用的 API,内置资源加载器、多点触控、动态纹理和滤镜等功能,适用于开发 Web 游戏、数据可视化等场景。

import { Application, Assets, Sprite } from 'pixi.js';

(async () =>
{
    // Create a new application
    const app = new Application();

    // Initialize the application
    await app.init({ background: '#1099bb', resizeTo: window });

    // Append the application canvas to the document body
    document.body.appendChild(app.canvas);

    // Load the bunny texture
    const texture = await Assets.load('https://pixijs.com/assets/bunny.png');

    // Create a bunny Sprite
    const bunny = new Sprite(texture);

    // Center the sprite's anchor point
    bunny.anchor.set(0.5);

    // Move the sprite to the center of the screen
    bunny.x = app.screen.width / 2;
    bunny.y = app.screen.height / 2;

    app.stage.addChild(bunny);

    // Listen for animate update
    app.ticker.add((time) =>
    {
        // Just for fun, let's rotate mr rabbit a little.
        // * Delta is 1 if running at 100% performance *
        // * Creates frame-independent transformation *
        bunny.rotation += 0.1 * time.deltaTime;
    });
})();
pixijs
Star 4.7w
Vol.121
3 天前

绕过 DOM 的文字快速排版库。这是一款纯 TypeScript 写的文本测量与排版库,可在不依赖 DOM 的情况下,基于浏览器字体引擎精确计算文本的排版尺寸,不触发 DOM 重排。它支持多语言、Emoji 和富文本,适用于虚拟滚动列表、多行消息和响应式排版等场景。

import { prepare, layout } from '@chenglou/pretext'

const prepared = prepare('AGI 春天到了. بدأت الرحلة 🚀‎', '16px Inter')
const { height, lineCount } = layout(prepared, 320, 20) // pure arithmetic. No DOM layout & reflow!
pretext
5
cobe
Star 5.2k
Vol.120
2 个月前

仅 5KB 的交互式地球库。这是一款超轻量级的地球 3D 可视化库。仅需几行代码,即可在网页中渲染出精美的 3D 交互式地球视觉效果。

cobe
6
editor
Star 1.5w
Vol.120
20 小时前

极简的 3D 建筑编辑器。这是一款基于 React 和 WebGPU 构建的 3D 建筑编辑器,可以在浏览器中创建、编辑和分享 3D 建筑模型。

editor
Star 3.8k
Vol.120
1 天前

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

EmulatorJS
Star 3.8w
Vol.120
13 小时前

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

GitNexus
9
oat
Star 5.2k
Vol.120
16 天前

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

oat
Star 9k
Vol.119
16 小时前

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

cloud-mail