Shu Ding

The React Framework

Simple, powerful and flexible site generation framework with everything you love from Next.js.

A framework built on Next.js that turns a folder of Markdown and MDX files into a fast documentation website with sidebar navigation, full-text search, and a table of contents, requiring no manual routing setup.

5KB WebGL globe lib.

Simple React Component That Makes Titles More Readable

Use CSS View Transitions API in Next.js App Router.

A magical React Hook that helps you debug components.

Nextra docs template

Better Promise.all with automatic dependency optimization

Copy-paste Liquid Glass shader with SVG

number → string, but looks good

A Y86 pipeline CPU simulator in JavaScript.

Canvas based sketch board, with force touch and real-time Bezier curves.

A library for generating safe, legit and random URL-compat IDs.

Stable JS value hash

WASM build of Yoga, targeting the web worker runtime.

My personal website

Composable SVG Shaders

A CSS & JS made macOS UI.

No description.

No description.

Shu's Creative Coding template.

Information of apartments in Berlin for digital nomads.

Example of useSWR + SSR/RSC

Annotate images with magnifying glass effects - drag, resize, and adjust zoom levels. Free, client-side, no upload required.

No description.

中文网页排版工具

Apple’s Coverflow UI effect.

Flappy Bird in JS.

Turn @npaulflavius's 100 Days UI design into React components!

Slugify a string. The minimal version.

Computational Style Sheets

(deprecated) A douban FM client in OS X (web application).

No description.

WebGL + React + VR experiment. Demo:

A Raycast plugin to generate random git branch names.

A documentation site theme for Nextra.

A flappy, juicy, zippy, happy tiny cube.

FluentUI emojis organized by unicode.

Test the browser request cancellation behavior.

Always-on Next.js TypeScript Plugin in VSCode

Create online simple & nice courses, just in 3 minutes.

Notion based shud.in

Canvas animations & gifs made easy.

A TOY Scheme interpreter implemented with JavaScript.

A blog site theme for Nextra.

labs

Create beautiful and interactive React + ThreeJS globe visualizations with ease.

No description.

A crisp set of 15×15 icons designed by the @workos team.

No description.

Next.js + MDX + ▲ ZEIT Now

Read and write OpenType fonts using JavaScript.

A static blogging tool (to be reconstructed).

Fast, unstyled command menu React component.

Renderer written with JavaScript ES6 (Computer Graphics from the ground up)

alert(1); yield 1000; alert(2); // It works like MAGIC!

Another Bookstore System (-frontend), part of my homework of Database System Concepts course in Fudan CS. 这是个典型的 AngularJS+Bootstrap app.

No description.

Ray Tracing Algorithm (光线追踪算法的实现和思考).

git clone [email protected]:quietshu/react-less-boilerplate.git

Lazy GitHub clone: navigate files in CLI without downloading the whole repo.

The list with fixed labels.

No description.

Zero-runtime Stylesheets-in-TypeScript

No description.

⚡️ A fast 2kB low-level WebGL API.

The official website for Next.js

A simple dashboard.

TCP socket programming...only homework, overwhelmed by homework.

2017 上海国际电影节完整排片数据

(old repository) 坐等... ->

用手机简易遥控浏览器（仿 Kinect 的体感操作……（据说很不稳定））

A declarative, efficient, and flexible JavaScript library for building user interfaces.

Media Type Database

A curated list of awesome front-end visualization libraries (charts, maps, etc.), updating.

A high-performance SVG renderer and toolkit, powered by Rust based resvg and napi-rs.

The React documentation website

Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing

React char shuffling animation.

弱。。。

Another CSS3 loading animation tool for full-page & blocks.

OI / ACM 代码记录

Reverse 2048 with AI.

Mobile friendly version of stu.fudan.edu.cn/wish

13CS 院衫设计

Figure out how fast the image generation can be.

Simple but hard captcha for Node.js.

Rust-based platform for the Web

Plugins for swc, written in rust

自動在網頁中所有的中文和半形的英文、數字、符號之間插入空白。（攤手）沒辦法，處女座都有強迫症。

🚧

(Unique Hack Day)

No description.

Frontend files for "EXCITED!"

A package that generates image from class-sheet data.

A sample webpage crawler using node.js: asynchronous + jQuery

An SVG rendering library.

No description.

Tetris clone in HTML5 and JavaScript

JSX in Markdown for ambitious projects

:construction: constructing

A PushState plugin for WordPress.

My vim files.

Website for napi.rs

A useful list of must-watch videos about CSS

Documentation for the SWC project.

Fast Caching for Objective-C (iPhone & Mac Compatible)

No description.

i am empty

[WIP] CSS-in-JS replacement for inline styles

WOW, such doge!

Open Source HTML5 Puzzle Game Engine

Some NLP stuff

mod for mak.

[Deprecated] 百度贴吧潜水员

No description.

Some experiments in human-computer interaction

复旦新版选课助手

MacGap 2 Beta

Personal record of must-watch videos about javascript.

Require hook for automatic V8 compile cache persistence

No description.

Where you can find me on the web

No description.

The High-performance Build System for JavaScript & TypeScript Codebases

Full CSS support for JSX without compromises

Part of my code on codeforces.com

Just homework.

No description.

No description.

mod for mak.

to be edited.

A boilerplate for building simple step-by-step scripts.

🚧

Get a random accessible color combination

Morearty.js - centralized state management for React in pure JavaScript

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

Weekly meeting notes from the React core team

Full-featured web browser module for React Native apps, based on TOWebViewController

yagmail makes sending emails very easy by doing all the magic for you

Glances an Eye on your system

A flexible and beautiful UI framework for React.js

Python wrapper for gitolite

Regular Expression Visualization Site (static site version)

An approach to writing lightweight, scalable CSS using utility classes that are easy to write and understand.

Material design for Angular

A curated list of awesome café places in China.

:construction:

Portable Unix shell commands for Node.js

No description.

A simple demo app in node.js using express, mongoose, passport.js for beginners

A simple (and no library dependencies) HTML template renderer.

Just for fun.

Atwood's Law applied to CS101

A presentation for introducing Google.

Simple isometric graphics library for HTML5 canvas

Key press sound & some strange stuff...

A simple slide intro to HTML & CSS, written with impress.js.