UI/UX Engineering
I design and build interfaces in code, Tailwind v4 + shadcn/ui + Framer Motion, responsive, accessible, dark-mode-ready, and shipped as Next.js components rather than design files handed off to someone else to implement.
At a glance
- Backed by public open-source code, not just a description on a page.
- Long-form essays on the same topics, with sources cited.
- Production patterns the same hiring team can lift straight into their stack.
About Sarma
Sarma is a UK-based software engineer running Sarmalinux as a one-person studio. He ships nineteen open-source repositories spanning LLM gateways, coding agents, inference, storage engines and consensus, and writes long-form engineering essays at sarmalinux.com/blog. Senior IC, end to end.
The gap between a design mockup and a shipped interface is where most UI work dies. I close that gap by doing both: structure the layout, define the component hierarchy, pick the interaction model, then build it in TypeScript. sarmalinux.com is the permanent reference for this approach, 83-post blog with rich chart rendering, animated hero sections, a scroll-spy TOC, live API widgets, and a Tailwind v4 design system, all shipped from the same codebase with no separate design tool in the loop.
What this covers in practice
Next.js App Router UI
Server and client components, streaming, layout groups, and Tailwind v4 design tokens, built to run on Vercel edge with fast initial load and no layout shift.
Component systems
shadcn/ui as the base component layer, extended with project-specific variants. Typed props, consistent design tokens, and a clear pattern for adding new components without breaking existing ones.
Data-rich interfaces
Recharts dashboards, comparison tables, and chart components that handle real data at real scale, not just the happy-path sample dataset. The blog chart renderer is the live reference.
Motion and interaction
Framer Motion animations that add clarity rather than decoration, enter animations, hover states, page transitions. Nothing that adds to LCP.
Responsive and accessible
Mobile-first layouts, ARIA attributes, keyboard navigation, and colour contrast that passes WCAG AA by default, not as an afterthought.
Admin and internal tooling UI
Data tables, filter sidebars, form workflows, and status dashboards for internal users who need density over aesthetics.
Stack
Recent work in this lane
What a hiring team gets
Read the evidence
Open the public repositories, browse past work, then look at the hiring page if a PAYE shape fits your team.