下拉刷新
JavaScript

Here you can read past volumes of HelloGitHub Monthly by category. You are currently viewing the HelloGitHub JavaScript collection.

1
ACGTI
Star 878
Vol.121
a month ago

Anime-Style MBTI Test Website.This is an anime-style MBTI-based character testing website that generates personalized character codes through 39 situational questions and 110 popular anime characters, and supports functions like four-dimensional tendency display, exporting result posters, and leaderboards

ACGTI
Star 2.2k
Vol.121
a day ago

Animal Crossing Style React Component Library.This is a React UI component library inspired by the game interface of "Animal Crossing: New Horizons", including common components such as Button, Card, Switch, Time, Phone, etc.

animal-island-ui
3
pixijs
Star 4.7w
Vol.121
4 days ago

Ultra-Fast Web 2D Rendering Library.This is a lightweight and high-performance Web 2D graphics library that supports both WebGL and WebGPU renderers. It provides a simple and easy-to-use API, and has built-in features such as resource loaders, multi-touch support, dynamic textures, and filters, making it applicable to scenarios like developing web games and data visualization.

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
2 days ago

Fast Text Layout Library Bypassing DOM.This is a purely TypeScript-written text measurement and layout library. It can accurately calculate text layout dimensions based on the browser's font engine without relying on the DOM, and does not trigger DOM reflow. It supports multiple languages, Emojis, and rich text, and is applicable to scenarios such as virtual scrolling lists, multi-line messages, and responsive layout.

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.3k
Vol.120
2 months ago

Ultra-Lightweight Interactive Globe Library Under 5KB.This is an ultra-lightweight 3D visualization library for the globe. With just a few lines of code, it can render stunning 3D interactive globe visuals on web pages.

cobe
6
editor
Star 1.6w
Vol.120
a day ago

Minimalist 3D Architectural Editor.This is a 3D architectural editor constructed with React and WebGPU, enabling the creation, editing, and sharing of 3D architectural models within a browser

editor
Star 3.8k
Vol.120
8 days ago

Retro Game Emulator Running Multiple Classic Games in Browser.This is a retro game emulator developed based on JavaScript and WebAssembly, supporting classic games like NES, SNES, GBA, PSP, PS1, and arcade games. Users can simply drag game ROMs into the webpage to start playing, and it supports functions such as saving game progress, online multiplayer battles, and screen recording.

EmulatorJS
Star 4w
Vol.120
10 hours ago

The Tool for Generating Knowledge Graphs of Code Repositories.This project can generate interactive knowledge graphs including call chains, dependency relationships, and execution flows based on code repositories, providing structured context for AI coding tools like Cursor and Claude Code

GitNexus
9
oat
Star 5.2k
Vol.120
8 days ago

A Minimalist Zero-Dependency Frontend UI Library.This is a zero-dependency UI component library compressed to only 8KB. By introducing the extremely small-sized CSS and JS files, you can easily build a beautiful web application with common components.

oat
Star 9.7k
Vol.119
2 days ago

Lightweight Email Service Based on Cloudflare.This is a lightweight and responsive email service based on Cloudflare. It enables you to quickly build an email service platform on Cloudflare Workers with just one domain at a low cost, supporting functions such as bulk email sending, attachment sending and receiving, and CAPTCHA verification.

cloud-mail