下拉刷新
JavaScript 项目

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

1
docmd
Star 1.7k
Vol.122
2 天前

开箱即用的 Markdown 文档网站生成工具。这是一款开箱即用的 Markdown 文档站点生成工具,在任意含 Markdown 文件的目录执行一条命令即可启动,自动生成导航并输出静态 HTML。它内置 SEO 优化、国际化、版本管理、离线搜索、PWA 和 AI 上下文等功能,支持一键生成 Docker、Nginx 或 Caddy 部署配置文件。

docmd
Star 3.5w
Vol.122
1 天前

零依赖的 TypeScript ORM 库。这是一款轻量级、体积小、零依赖的 TypeScript ORM 库,支持 PostgreSQL、MySQL、SQLite 和 Serverless 数据库,可运行于 Node.js、Bun、Deno、Cloudflare Workers 及各类 Edge 运行时。

Star 1.2w
Vol.122
16 小时前

给 AI 兜底的 React 代码质量扫描工具。该项目是专为 React 项目设计的扫描工具,可检测状态、性能、架构和安全等问题。支持 Next.js、Vite、TanStack、React Native、Expo 等框架,可作为技能安装到 Claude Code、Cursor、Codex 等 AI 编程工具。

Star 2.5k
Vol.122
2 个月前

高性能 React Native 折线图组件。这是一款基于 Skia 渲染引擎的 React Native 高性能折线图组件,支持平移手势选点、轴标签和自定义数据范围,动画全程在原生端执行不阻塞导航与滚动,专为金融场景设计。

react-native-graph
Star 1.6w
Vol.122
1 天前

支持自动缩放和光标特效的屏幕录制工具。这是一款开源的桌面屏幕录制与编辑工具,内置基于鼠标活动的自动缩放、光标平滑和美化效果,支持摄像头画面、自定义壁纸、拖拽时间轴编辑等功能,适用于 Windows、macOS 和 Linux 平台。

Recordly
6
ACGTI
Star 910
Vol.121
1 个月前

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

ACGTI
Star 3k
Vol.121
1 天前

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

animal-island-ui
8
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.8w
Vol.121
10 天前

绕过 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
10
cobe
Star 5.3k
Vol.120
2 个月前

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

cobe