Skip to content
Available for new roles

What I do

Four kinds of interface work, each with something you can check.

01

Design systems

Design systems people build on

Components with clear APIs, consistent tokens and states, so a team ships new screens without redesigning the basics each time.

  • Shared components

  • Design tokens

  • Component APIs

  • States and variants

  • Light and dark themes

02

AI interfaces

Interfaces for slow, uncertain AI work

When a model takes minutes, the screen has to show progress honestly and keep people oriented. I build the streaming and waiting states.

  • Streamed progress

  • Server-sent events

  • Long-running jobs

  • AI APIs

  • RAG features

03

Design in code

Designing in the browser

I make visual decisions in code, with real content and real breakpoints, instead of handing off a static mockup.

  • Layout and type

  • Responsive design

  • Motion and interaction

  • Light and dark themes

  • Redesigns

04

Full stack

Full stack when the product needs it

Auth, APIs and third-party integrations, so the interface isn’t blocked on someone else’s backlog.

  • Express APIs

  • JWT auth

  • MongoDB

  • Meta Graph API

  • Gemini API

the parts I build with

Toolbox

  • Languages
    • JavaScript (ES6+)
    • TypeScript
    • Python
    • HTML5
    • CSS3
    • Java
  • Frameworks
    • React.js
    • Next.js
    • Material UI
    • Redux
    • Tailwind CSS
    • Shadcn/ui
  • Backend
    • Node.js
    • Express.js
    • MongoDB
    • SQL
    • REST APIs
  • Tools
    • Cursor
    • Claude
    • Git
    • Figma

you might be wondering

FAQ

HA

Design engineer, frontend and UI roles. I'm in Rawalpindi, Pakistan and open to remote work or relocation.

the door's open

Say hello

I'm looking for design engineer, frontend and UI roles. Based in Rawalpindi, Pakistan, open to remote work or relocation.