Shu Ding

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

cobe. 5KB WebGL globe lib.

react-wrap-balancer. Simple React Component That Makes Titles More Readable

next-view-transitions. Use CSS View Transitions API in Next.js App Router.

tilg. A magical React Hook that helps you debug components.

nextra-docs-template. Nextra docs template

liquid-glass. Copy-paste Liquid Glass shader with SVG

nstr. number → string, but looks good

y86. A Y86 pipeline CPU simulator in JavaScript.

apple-pencil-safari-api-test. Canvas based sketch board, with force touch and real-time Bezier curves.

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

stable-hash. Stable JS value hash

yoga-wasm-web. WASM build of Yoga, targeting the web worker runtime.

shud.in. My personal website

svg-shaders. Composable SVG Shaders

cssosx. A CSS & JS made macOS UI.

next-cms. JavaScript

satori-syntax-highlighter. JavaScript

cc. Shu's Creative Coding template.

berlin-apartments. Information of apartments in Berlin for digital nomads.

swr-rsc-example. Example of useSWR + SSR/RSC

photos. JavaScript

charch. 中文网页排版工具

coverflow. Apple’s Coverflow UI effect.

100-days-ui. Turn @npaulflavius's 100 Days UI design into React components!

flappybird. Flappy Bird in JS.

sluga. Slugify a string. The minimal version.

css-computer. Computational Style Sheets

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

blog-template. JavaScript

vrs. WebGL + React + VR experiment. Demo:

random-branch. A Raycast plugin to generate random git branch names.

nextra-theme-docs. A documentation site theme for Nextra.

flappy-cube. A flappy, juicy, zippy, happy tiny cube.

fluentui-emoji-unicode. FluentUI emojis organized by unicode.

request-cancellation-test. Test the browser request cancellation behavior.

next-ts-plugin-vscode. Always-on Next.js TypeScript Plugin in VSCode

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

notion-blog. Notion based shud.in

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

blog. Next.js + MDX + ▲ ZEIT Now

genui-demo. TypeScript

og-example. JavaScript

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

next-site. The official website for Next.js