Scroll ↓

Everydaythings,made wonderful.

桑妮 SunnyProduct Manager / Life Lover

把日常,做出光

Products

Things I've built — each with a small interactive demo.

app/page.tsx
components/Hero.tsx
lib/posts.ts
content/zh.ts

Selector

A bookmarklet that picks page elements and generates CSS selectors.

GitHub Pages ↗
- const color = "#333";
+ const color = "#2FBF71";

Diffview

A beautiful Git diff viewer with smooth animations.

View project ↗
Glass Card
backdrop-filter: blur(10px)

Glass UI

A toggleable glassmorphism component library.

View project ↗

Wolfcha

A Werewolf speech-card generator.

View project ↗

Consulting & Learning