Senior Frontend Engineer

I build accessible, performant interfaces for the web.

About

I'm a frontend engineer with a focus on accessible, pixel-perfect interfaces. I take pride in shipping inclusive products and have a sharp eye for the small details that elevate user experience. My best work happens at the intersection of design and engineering.

Currently, I lead frontend at Lumen, where I maintain our component library and partner with designers to ensure accessibility is built into the foundation of every product we ship.
Previously, I worked at Northwind Tech, Stratify, and Bevel Studio across product, growth, and design-systems engineering. I also built a11y-checklist.dev, a small open-source tool that's been used by ~3,000 teams to audit their accessibility coverage.

Outside work you'll find me running, brewing pour-over, or trying to convince my dog that the vacuum is fine.

Experience

2024 — PRESENT

Lead the design-systems team. Maintain a component library used across 12 product surfaces. Ship accessibility audits and partner with platform engineering on tooling.

TypeScript

React

Storybook

Radix

Vite

2021 — 2024

Built and shipped the marketing site rewrite (12pt → 4pt LCP improvement on mobile). Wrote the company's first internal design-system. Mentored two early-career engineers.

Next.js

React

TypeScript

Tailwind

Vercel

2019 — 2021

Worked on the editor surface for a no-code analytics tool — drag-and-drop dashboards, complex client-side state, custom keyboard navigation. Owned the front-end testing strategy.

React

Redux

D3

Cypress

Projects

a11y Checklist project preview

Open-source accessibility audit tool — paste a URL, get a prioritized list of WCAG issues with fixes. ~3,000 teams using it.

TypeScript

Next.js

Playwright

Vercel

Halcyon Theme project preview

A minimal dark blue theme for VS Code, Sublime, Atom, iTerm, and more. ~120k installs.

Theme

Color

Typography

sampark.dev v4 project preview

Personal site built with Next.js and Tailwind. Sticky two-column layout, scroll-driven section highlighting, lighthouse 100/100/100/100.

Next.js

Tailwind

Framer Motion

Loosely designed in Figma and built in Next.js. Coded in Visual Studio Code. Deployed with Vercel. All text is set in the Inter typeface.

Usman Haider