Discover shuding/photos Open Source project by Shu Ding (@shuding)

Simple React Component That Makes Titles More Readable

11,739

react-wrap-balancer

cobe

tilg

A magical React Hook that helps you debug components.

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

2,133

next-view-transitions

nextra-docs-template

y86

A Y86 pipeline CPU simulator in JavaScript.

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

525

apple-pencil-safari-api-test

stable-hash

yoga-wasm-web

WASM build of Yoga, targeting the web worker runtime.

A CSS & JS made macOS UI.

186

cssosx

135

next-cms

satori-syntax-highlighter

Information of apartments in Berlin for digital nomads.

berlin-apartments

Shu's Creative Coding template.

site

Example of useSWR + SSR/RSC

swr-rsc-example

charch

中文网页排版工具

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

100-days-ui

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

ding

Computational Style Sheets

css-computer

blog-template

flappybird

vrs

WebGL + React + VR experiment. Demo:

Apple’s Coverflow UI effect.

coverflow

HTML

nextra-theme-docs

A documentation site theme for Nextra.

Highly experimental, do not use in prod.

satori

A Raycast plugin to generate random git branch names.

random-branch

Test the browser request cancellation behavior.

request-cancellation-test

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

coursejs

A TOY Scheme interpreter implemented with JavaScript.

scheme

labs

A blog site theme for Nextra.

nextra-theme-blog

Canvas animations & gifs made easy.

animator

Always-on Next.js TypeScript Plugin in VSCode

next-ts-plugin-vscode

Next.js + MDX + ▲ ZEIT Now

blog

A static blogging tool (to be reconstructed).

innsbruck-old

nextra-example

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

react-less-boilerplate

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

cube

The list with fixed labels.

list-label

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

raytracing

TeX

ghc

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

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

ABS-frontend

siff17

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

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

neon

pingdash

A simple dashboard.

og-example

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

delay

mak-old

(old repository) 坐等... ->

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

socket-chat-room

13cs

13CS 院衫设计

React char shuffling animation.

-2048

Reverse 2048 with AI.

algorithm-contests

leetcode-sol

shuffle-char

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

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

wishbottle

textbook

🚧

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

awesome-frontend-charts

faster

(Unique Hack Day)

test-worker-transform-stream

A PushState plugin for WordPress.

wpjax

angel

.vim

simple-hard-captcha

Simple but hard captcha for Node.js.

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

empty

i am empty

HTML

js-crawler-demo

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

minutiae

innsbruck-plugins

A package that generates image from class-sheet data.

class-sheet

Frontend files for "EXCITED!"

baidu-tieba-watcher

[Deprecated] 百度贴吧潜水员

Objective-C

excited-frontend