James Okafor

Frontend engineer. Design systems, accessibility, and motion.

ReactDesign systemsAccessibilityCSSStorybookMotion

About

Frontend engineer focused on design systems and accessibility. Shipped the component library at two Series B companies and mentored a dozen juniors through it. I care about the boring parts of a system that make the interesting parts possible.

Selected projects

focus-lock

2,500

A minimal focus-trap library for React that handles Shadow DOM and portals correctly. Ships as ESM with zero deps.

TypeScriptReact

View repo

motion-primitives

890

A small set of accessible animation primitives — respects prefers-reduced-motion by default, ships typed variants, no runtime dep on Framer.

TypeScriptReactWeb Animations

View repo

Writing

The accessibility audit that actually shipped

How I ran a two-week accessibility audit that landed 90% of the fixes — instead of the usual 5%.

Interview prep

FrontendHow do you decide between CSS-in-JS and a compiled solution like Tailwind?

Compiled wins for shipped-size and for design-system enforcement. CSS-in-JS wins when you need runtime theming a compiler can't see (a per-tenant palette). Most teams should default to compiled and reach for runtime theming only when a real product requirement demands it.

Resume tips

Format

For frontend roles, link a live demo AND a repo. If you can't publish the demo, ship a 30-second Loom under each project. Screenshots are dead evidence.