WORKS · DESIGN & CODE

Works

From Traditional Chinese input methods and browser font tools to React components and interface themes, these projects bring familiar tools to new systems and make creative work easier to return to.

今晚吃鹽酥雞

Press ↓ to open the candidate window

▲

CHIAKEY

ChiaKey

A macOS input method for Traditional Chinese that uses Bopomofo (Zhuyin), the phonetic script commonly used in Taiwan. Based on the open-source Yahoo! KeyKey codebase, it preserves the familiar composing experience and candidate window on modern systems, including Apple Silicon and Intel Macs.

macOSInput methodOpen-source, evolving

View project→

⿰糹扁 → 編

FONT EDITOR

Kumiko Font Editor

A zero-install web font editor: load a UFO from GitHub, complete glyphs with IDS components in the browser, then submit a pull request—making open-source CJK font work easier to join.

ReactCJKGitHub workflow

View project→

PLURK UI

Tokyono Sora

A free Plurk CSS theme with glass panels, Nixie-tube karma, and responsive layout—apply it with one block of CSS. It is open source and designed for a clearer timeline.

UI DesignCSSPlurk

View project→

mic drop.gif

Found the first sendable GIF

GOOGLE

DDG

BING

SEND

TELEGRAM BOT

tg.jpg

Type an image filename in Telegram and the bot searches several sources in priority order, returning the first image it can send. Supports .jpg, .png, and .gif.

RustTelegramImage search

View project→

松江路100號

1

0

4

0

9

1

Unique road · city filled in

NPM PACKAGE

tw-address-tools

An open-source package that turns a pasted Taiwan address into a ZIP code and English address: it normalizes 台/臺 and full-width text, fills in the missing city when a road name is unique nationwide, and handles P.O. boxes — under 2 µs per lookup, entirely in the browser.

JavaScriptZIP codeMIT

View project→

印書館

TYPE SPECIMEN

千秋印書館

A package that puts the feel of letterpress back into a web page — paper fibre, ink weight, and the lean and chipped corners of worn type, layer by layer. With a type specimen sheet.

LetterpressCSSZero dependency

View project→

REACT COMPONENT

react-split-flap

A React component that recreates station split-flap displays. A shared animation clock and the Web Animations API keep hundreds of flaps moving smoothly together, including airport- and station-style boards.

Reactnpm packageAnimation

View project→