Copyright
Hugo Lin
Tag
Programming
Upcoming
Search 'How to print helloworld' in your browser.
Project
Brutalist bento journal with MDX posts.
Author
Hugo Lin
Weather
18°C · Clear
Talk is cheap. Show me the code.
Journal
A bilingual bento journal with MDX notes, projects, and interactive demos — open the live showcase.
Open live demoOcean storytelling studio
Into the deep
We turn marine science into films, exhibits, and interactive worlds that make people care about the 95% of the ocean nobody has seen.
Landing
A scroll-driven WebGL landing page where a particle whale, sea turtle, jellyfish, and manta ray morph into one another — open the live showcase.
Open live demoAvery Chen builds quiet web tools and keeps a short log of how they came together.
Most weeks split between a studio project and a walk with a camera. The notes below are the ones worth keeping.
See More Projects
How a small writing layout keeps the title, the date, and one paragraph in view.
A second notes card so the category filter has more than one match.
✨ View All My Writings
Portfolio
A dark personal vcard with a profile sidebar, selected work, and short notes — open the live showcase.
Open live demoCopyright
Hugo Lin
Tag
Programming
Upcoming
Search 'How to print helloworld' in your browser.
Project
Brutalist bento journal with MDX posts.
Author
Hugo Lin
Weather
18°C · Clear
Talk is cheap. Show me the code.
Journal
A bilingual bento journal with MDX notes, projects, and interactive demos — open the live showcase.
Open live demoOcean storytelling studio
Into the deep
We turn marine science into films, exhibits, and interactive worlds that make people care about the 95% of the ocean nobody has seen.
Landing
A scroll-driven WebGL landing page where a particle whale, sea turtle, jellyfish, and manta ray morph into one another — open the live showcase.
Open live demoAvery Chen builds quiet web tools and keeps a short log of how they came together.
Most weeks split between a studio project and a walk with a camera. The notes below are the ones worth keeping.
See More Projects
How a small writing layout keeps the title, the date, and one paragraph in view.
A second notes card so the category filter has more than one match.
✨ View All My Writings
Portfolio
A dark personal vcard with a profile sidebar, selected work, and short notes — open the live showcase.
Open live demoDashboard
An issue dashboard on a 4px grid — 16px icons, labels and ids on the left, numbers and dates on the right.
Next.js · Dashboard · Issues
Open live demojane@example.com
by revenue
Catalog
Add a piece
Last 30 days · net of discounts
Revenue
$3,478
57 orders · avg $61.02
Awaiting payment
Awaiting4
2 cancelled
Fulfilled
53
Awaiting
4
Cancelled
2
3 or fewer left
$160 given
4 accounts
| Account | Role | Joined | Last sign-in | |
|---|---|---|---|---|
JaneInternal@janejane@example.com | Admin | Jan 4, 2026 | Oct 20, 2026 | Confirmed |
Maya Ortiz@maya.ortizmaya.ortiz@example.com | Customer | Sep 2, 2026 | Oct 18, 2026 | Confirmed |
Sam Patel@sam.patelsam.patel@example.com | Customer | Sep 28, 2026 | Oct 11, 2026 | Confirmed |
Alex Chenalex.chen@example.com | Customer | Oct 16, 2026 | Oct 16, 2026 | Pending |
Dashboard
The Jane Mug sales dashboard — revenue, restock, coupons, and customers. Open the live showcase.
Next.js · Dashboard · Shop
Open live demoPlan the week, then finish the work.
Hours logged
Average 62%
Peak 92%
Oct 21 · 2:00 pm · 2 hr
The same board, in a pocket.
24:00:08
Dashboard
A project desk with a sidebar, stat row, weekly chart, and a running timer. Open the live showcase.
Next.js · Dashboard · Projects
Open live demo