PORTFOLIO · 2024 — 2026
NYC · AVAILABLE Q3
◍ Front-end Developer · Design Engineer

Hoang AnhLuong.

I build Next.js apps that move with intent — fast, accessible, and full of considered detail. App Router, Server Components, and the rest of the modern React stack are my default base. I work across the seam between design and engineering — building tools, design systems, and the occasional shader.

— FOCUS
Domain-focused
and patient.

Three or four problems a year, gone deep. The shape of the work matters more than the headcount.

+5YoE
Worked & collaborated with two-dozen
teams across four time zones.
NEXT.JS · APP ROUTERREACT SERVER COMPONENTSTYPESCRIPTDESIGN SYSTEMSMOTION & INTERACTIONWEBGL · THREE.JSDEVELOPER TOOLSEDGE & STREAMINGNEXT.JS · APP ROUTERREACT SERVER COMPONENTSTYPESCRIPTDESIGN SYSTEMSMOTION & INTERACTIONWEBGL · THREE.JSDEVELOPER TOOLSEDGE & STREAMING
◍ TECHNICAL DOMAINS — 06

The disciplines
I work across.

I’m a generalist by curiosity, a specialist by focus. The list below is what I’ve actually shipped — production, in front of users — not just dabbled with on a weekend.

/01Base stack

Next.js Engineering

My default base — Next.js with the App Router, Server Components, and a typed data layer. Architectures that scale from a marketing site to a logged-in product, tuned for Core Web Vitals.

Next.js 15React 19TypeScripttRPCVercel
/02Foundations

Design Systems

Tokens, primitives, docs. I treat a system like an API: stable contracts, sensible defaults, and the freedom to break out when the product needs it.

RadixTailwindStorybookFigmaTokens Studio
/03Polish

Motion & Interaction

Physics-based transitions, scroll choreography, micro-interactions. Motion that signals state instead of decorating it.

Framer MotionGSAPLenisCSS
/04Edge

Creative Code & WebGL

Shaders, generative visuals, custom canvas. Comfortable shipping a hero scene that runs at 60fps on a five-year-old laptop.

Three.jsGLSLOGLCanvas
/05Internal

Developer Tools

CLIs, devtools panels, internal IDE plugins. The kind of tools that make the rest of engineering 10% faster — every day.

NodeESBuildBunVS Code API
/06Discovery

Prototyping

Rapid clickable proofs, often within a day. I treat prototypes as the cheapest way to find out what's actually true about an idea.

ReactFramerRiveFigma
◍ SELECTED WORK — 2023 → 2025

Five projects.
One through-line.

Each one of these started as someone saying “I don’t think this is possible in the browser.” They were wrong, mostly. A few are open-source; a few are quietly running inside larger products you’ve used.

EDITOR.TSX
2025Lead Engineer
PROJECT /01

Loom Editor

A browser-native motion editor for product teams. Built a custom timeline, ECS-based scene graph, and a rendering pipeline that hits 60fps on 4K canvases.

Next.jsTypeScriptWebGLRust/WASM
12ms
median frame time
230k
active users
— color tokensember/500#FFB37Aember/200#FFD9BDember/900#7A3A18neutral/950#1A1413neutral/100#E8E4E1
2024Design Engineer
PROJECT /02

Helix Design System

Open-source component primitives used across 14 products. 240+ components, full a11y compliance, and a docs site that loads in under 200ms.

Next.jsRadixStitchesStorybook
240+
components
100
Lighthouse score
40.7128° N · 74.0060° W
2024Founding Engineer
PROJECT /03

Atlas — Map IDE

An IDE for cartographers. Real-time collaborative editing on vector tiles, with a plugin system written by mapmakers who have never touched JavaScript.

MapLibreCRDTsTauriRust
8ms
edit latency
p99 < 60ms
render
TESSERA №037
2023Creative Technologist
PROJECT /04

Tessera

Generative print campaign for a Tokyo gallery. Built the rendering pipeline that produced 12,000 unique posters from a single shader.

GLSLThree.jsNodeCairo
12k
unique outputs
1 shader
pipeline
API · production100.00%CDN · global edge100.00%Auth service100.00%Webhook delivery100.00%Database (replica)100.00%Background jobs100.00%ALL SYSTEMS OPERATIONAL
2023Solo
PROJECT /05

Pulse — Status Page

Tiny, fast, opinionated status page. Single binary, SQLite, no JS frameworks, ships in a 90KB bundle. Powers a few thousand small teams.

GoHTMXAlpineSQLite
90KB
JS bundle
4k+
teams
◍ THE FULL ARCHIVE

Want the long version?
Every project, every detail.

The page above is the highlight reel. The full archive includes process notes, architecture diagrams, and the trade-offs behind every decision.

See all experiences
◍ ABOUT — A SHORT BIO

Trained as a designer, hooked on engineering. Now I sit in the gap.

I started as a print designer in Hanoi, switched to product design when I moved to New York, and accidentally became an engineer because I kept opening the inspector to fix things myself. None of that is on the résumé, but it’s why I work the way I do.

The most useful thing I bring to a team is taste calibrated by what’s actually shippable. I can tell you in the room why a shadow is making the page feel cheap, and I can also tell you what the perf cost will be to fix it.

When I’m not in a tab, I’m running long, reading slow, and trying to convince anyone who’ll listen that cartography is the most interesting design problem of the next ten years.

— EXPERIENCE
  • 2024 — Now
    Lead Front-end Engineer
    Editor & rendering
    Loom
  • 2023 — 2024
    Design Engineer
    Design system
    Helix
  • 2022 — 2023
    Founding Engineer
    IDE & infra
    Atlas (acq.)
  • 2021 — 2022
    Freelance
    Studios & startups
    Self
◍ KIND WORDS

What collaborators
tend to say.

HAL ships at the velocity of a prototyper but with the rigor of a staff engineer. That combo is rare.

JO
James Ortega
Creative Director · Field & Co.

I've worked with a lot of front-end folks. He's the only one who has consistently made our product feel inevitable.

LC
Lena Cho
Head of Design · Helix

He took our motion language from 'we should do something here' to a system. Designers and engineers both leveled up.

DR
David Rizzo
Engineering Lead · Loom

Quietly the best technical hire we've made in three years. He raised the bar without ever raising his voice.

SB
Sarah Bennett
Founder · Lume Skincare
◍ FAQS

Common
questions.

Most projects start with the same five questions. Here are honest answers. If yours isn’t here, the email below works.

What's your engagement model?

I'm full-time at Loom. I take on one outside project per quarter — usually 2–6 weeks, scoped tight. If yours is a fit, the worst-case is a kind no within 48 hours.

Do you work with design partners or solo?

Both. I'm comfortable carrying design-engineering through to production solo, and I'm equally comfortable embedding inside a design team and amplifying what's already there.

What kinds of work do you say no to?

Crypto, gambling, anything ad-tech adjacent. Greenfield projects without a clear thesis. Roles where the only ask is 'pixel-push our Figma.'

Can I see code samples?

Yes — for hiring conversations I share a private repo with three real PRs and a short Loom of me reasoning through one of them. Email me and I'll send the link.

◍ CONTACT

Let’s build
something
worth shipping.

HAL

Independent front-end developer building tools, systems, and the web’s quieter corners. Available for select work.

© 2026 — H.A.L.
Reach out
hello@hal.studio+1 (646) 555-0199
99 Mercer Street, 5th Floor
New York, NY 10012
This site
  • Built in 1 evening
  • Built with Next.js · App Router
  • Type: Plus Jakarta Sans
  • Color: lime accent on charcoal
  • No analytics, no cookies