About

I’m a Senior UI Developer focused on crafting performant, accessible, and delightful interfaces. I bridge design and engineering through scalable design systems and a relentless focus on user experience.

Over the past years I’ve contributed to product teams building dashboards, marketing experiences, and component libraries. I care deeply about clean architecture, predictable styling paradigms (BEM, utility layers, CSS modules), and progressive enhancement—ensuring features degrade gracefully.

My toolkit spans HTML5, CSS/SCSS, JavaScript/TypeScript, React & Next.js, Node tooling, and modern performance practices (code splitting, image optimization, hydration strategies). I enjoy auditing Lighthouse metrics and trimming bundle weight.


Guiding Principles

  • Accessibility first: keyboard & screen-reader parity isn’t optional.
  • Performance by design: measure, budget, and optimize early (not as an afterthought).
  • Design system mindset: build tokens → primitives → patterns, not one-off pages.
  • Progressive enhancement: resilient core experiences before advanced flourish.
  • Maintainable CSS: avoid specificity wars; prefer layering & small composable utilities.

Journey Snapshot

2025

Scaling Design Systems

Leading refinement of component tokens & accessibility audits.

2023–2024

Performance Focus

Implemented image optimization pipeline & reduced bundle by 35%.

2021–2022

Accessibility Advocate

Introduced lint rules & color contrast reviews across products.

2019–2020

Animation & Interaction

Replaced heavy JS libs with lightweight CSS/IntersectionObserver.


Current Focus

I’m currently exploring advanced rendering strategies in React (partial hydration, server components) and deeper accessibility testing using Playwright + Axe. I’m also iterating on design token automation pipelines.

If you’d like to collaborate or discuss UI performance and accessibility, feel free to reach out via the contact page.


A Glimpse

Suraj working on UI components
Building modular, accessible UI components.