★ Featured · 2025
NEBULA — 一个为创作者设计的实时协作白板
从 0 到 1 主导前端架构与设计语言。基于 WebGL2 + CRDT，支持万级元素的丝滑交互；自研动效系统获 Awwwards SOTD。
全栈工程师 / 视觉折腾者 — 在代码与美学的间隙制造意外。专注于 Web 交互、动效系统与产品设计的边界探索。
— Currently
Senior Frontend Engineer
@ Atlas Labs · Shanghai
building tomorrow's interfaces
since 2017.
@ Atlas Labs · Shanghai
building tomorrow's interfaces
since 2017.
scroll · 向下滑动
01 — About
不止是代码。
是把想象力编译成像素的人。
Hello, 我是 Aurora Liu —— 一个相信"细节即风格"的工程师。过去九年，我帮初创公司、品牌与艺术家把模糊的想法，落地成可点击、可呼吸、可被记住的数字体验。
我的兴趣横跨 WebGL、动效系统、可视化、与那些介于"工具"和"玩具"之间的小怪物。空闲时间在做胶片摄影、收集旧字体、跑半马。
对 Geometry × Type × Motion 的迷恋，写在每一行 CSS 里。
— Quick facts
- Based in Beijing · CN
- Experience 9 years
- Shipped 40+ projects
- Speak 中文 / EN / 日本語
- Favorite font Fraunces
- Coffee Filter, V60
02 — Selected Work
精选作品
— Brand · 2024
OBSERVE / 观
为独立香氛品牌"观"设计的产品官网。单页全 GSAP 编排，滚动即剧本；获 FWA 提名。
— Tool · 2024
Tinted.
一个浏览器原生的色板生成器。基于 OKLCH 色彩空间，导出 Figma / Tailwind / CSS。
— Experiment · 2023
FieldNotes
一本可编辑的"活页"日记，所有手写笔迹通过 Canvas 实时矢量化保存。
— Visualization · 2023
Solar / 日记
用一年的天气数据驱动的生成艺术，每天一张独一无二的太阳。
03 — Toolkit
把工具用到极致
01
Frontend
React, Vue, Svelte, Next.js, TypeScript
02
Motion
GSAP, Framer Motion, Lottie, Rive
03
3D · WebGL
Three.js, react-three-fiber, Shaders
04
Design
Figma, Procreate, 35mm 胶片