Frontends that look great and stay fast
Production-grade React and Next.js frontends with a focus on accessibility, performance, and design systems. Built to scale across teams and devices.
I build frontends that don't just look polished on launch day — they stay fast and maintainable as the team and feature set grow. TypeScript strict, design tokens, and a tested component library are the defaults, not extras.
40%
Average bundle size reduction on takeovers
100
Lighthouse accessibility score targeted
<1.5s
LCP on 4G targeted for landing pages
30+
Production frontends shipped
Trusted by founders & teams in
Everything included in every engagement
No upsells. No surprise change orders. One scope, one price.
Component library & design system
shadcn/ui base, design tokens in CSS variables, dark mode, theming, and Storybook-ready components. New screens get built in days, not weeks.
Performance budget enforced in CI
Lighthouse runs on every PR. Bundle size, LCP, CLS, and INP have hard ceilings. Regressions get caught before they ship to production.
Accessibility & keyboard support
WCAG 2.1 AA targets, semantic markup, ARIA only where it earns its keep, full keyboard nav. Tested with screen readers, not just axe.
Motion & micro-interactions
Framer Motion v12 with reduced-motion respect. Page transitions, scroll-driven animations, and shared layout — the difference between 'a website' and 'a product'.
Internationalisation ready
next-intl or i18next wiring with locale routing, RTL support, and translation keys lifted out of components. Add a new language in an afternoon.
State management without the chaos
TanStack Query for server state, Zustand or context for UI state. No Redux ceremony unless you actually need it. Predictable, testable, debuggable.
The tools I actually use in production
Modern, battle-tested, and chosen for fit — not hype.
Frameworks
- Next.js
- React
- Astro
- Remix
Styling
- Tailwind v4
- CSS variables
- shadcn/ui
- Radix
State
- TanStack Query
- Zustand
- Context
- React Hook Form
Quality
- TypeScript strict
- Vitest
- Playwright
- Lighthouse CI
How we'll work together
Predictable, written-down, no surprises.
- 01
Design audit
Review Figma, brand, and existing UI. Spot patterns, gaps, and reusable primitives before writing code.
- 02
Tokens & primitives
Set up design tokens, base components, and the layout system. Everything downstream is a recombination of these.
- 03
Page-by-page build
Ship one page at a time with deployed previews. Stakeholders click real screens, not static mocks.
- 04
Polish & ship
Animations, edge cases, accessibility passes, and a Lighthouse audit. Then production.
Pricing that matches the work
Starting prices. Final quote in writing after a 30-minute scoping call.
Landing / Marketing
Marketing teams shipping a new launch
$1,500starting
- Single-page or short multi-page site
- Animations, SEO, analytics
- Delivered in 5–10 days
Product UI
Teams building or rebuilding their app frontend
$4,500starting
- Full component library
- 10+ screens, dashboard UX
- Design system + Storybook
- Delivered in 3–6 weeks
Retainer
Ongoing frontend evolution
$2,000/mostarting
- Reserved frontend hours
- Design system stewardship
- Performance regression watch
Questions I get asked first
Do you work from Figma?+
Yes — that's the default. I also work from existing UI screenshots, hand-drawn wireframes, or written briefs when there's no design yet.
Can you join an existing frontend team?+
Yes. I regularly slot into existing React/Next.js codebases, follow the team's conventions, and PR like any other engineer.
How do you handle animations without hurting performance?+
GPU-accelerated transforms only, IntersectionObserver-driven entry animations, and a hard rule of skipping motion when prefers-reduced-motion is set. Animations should add polish, not jank.
Do you handle email templates and OG images?+
Yes. Email templates with MJML or React Email, and dynamic OG images via @vercel/og or Cloudinary on-the-fly.
Let's scope your project
Tell me what you're building. I'll reply with a written estimate within 24 hours — no sales call required.
Related services
Often paired with frontend development.
Web Development
From the database schema to the deployed Next.js frontend, I ship modern web apps designed to rank, convert, and scale. One engineer, full ownership.
Backend Development
Typed Node.js and NestJS APIs with PostgreSQL or MongoDB, Redis caching, structured logs, and the boring discipline that keeps p95 latency under 100ms.
API Development
Well-versioned, well-documented REST or GraphQL APIs with auth, rate limiting, and webhooks. Built to be consumed by partners and customers — not only your own frontend.
E-commerce Development
Headless Shopify or custom commerce on Next.js — sub-second product pages, SEO-tuned catalog, and a checkout designed around the data, not the template.