Huozhi

Minimalist of code & design, discovering another moment of creativity

My work often involves open source. I'm currently building v0, ex Next.js team member at Vercel.

projects

Super tiny JSX syntax highlighter solution

/* super tiny syntax highlighter *//* super tiny syntax highlighter */
import { highlight } from 'sugar-high'import { highlight } from 'sugar-high'
const code = highlight('const x = 1')const code = highlight('const x = 1')

React Live Preview & Static Site Export

devjar.tsx

1import { DevJar } from 'devjar'

2const files = {...}

3return (

4 <DevJar files={files} />

5)

Zero config bundler to help you bundle JS/TS libraries

➜ ~/project $ # npm run build

Liquid Glass effect for React

vaso

Minimal programming language parser and execution experiment

program

1sum = 0;

2while (i < 3) {

3 sum = sum + i;

4 i = i + 1;

5}

6print(sum);

directives

0CONST 0

2STORE sum

4LOAD i

6CONST 3

8LT

10JZ 30

12LOAD sum

14LOAD i

16ADD

18STORE sum

20LOAD i

22CONST 1

24ADD

26STORE i

28JMP 4

30LOAD sum

32PRINT

experience

Vercel2021now

Building infrastructure and preview for V0 - Sandbox, Next.js

Created remote-agent-browser

↗Next.js20212026

Build Metadata API, DevTools, OG Images of Next.js App Router

experiments

Collection of pretty react spinners

JS library help you transform your html to any formats

↗react-overlay-trigger

React component help you position any overlays

Writings

Design Thoughts2026

柏林 S7 号线2025

React Hydration Diff in Next.js2024

Zero-Config JS Bundler2024

Daily UI 1002020

Positioning Component in React2019

名正言 Shun2019

Universal Web Scrubbing Experience2019

Log when，Log six2018

Convert HTML to Anything You Want!2017

SVG + React: Birth of respinner2016

Labs