Available for remote work worldwide

YasirAfridi — Freelance Senior Frontend Developer specialising in React, Next.js and WordPress, available for remote work with clients in the USA, Canada and the UAE

ReactNext.jsWordPressGSAPLaravel

Freelance web developer building high-performance, scalable and visually engaging web experiences with modern frontend technologies — available for remote work worldwide.

01. About

Crafting digital experiences
that matter.

I'm Yasir Afridi, a freelance Senior Frontend Developer with 9+ years of experience building high-performance web experiences. I specialise in React, Next.js, WordPress, and creating animations with GSAP that feel native and premium.

My work spans the full stack — from pixel-perfect frontends with optimized Core Web Vitals, to robust Laravel backends and scalable WordPress ecosystems. I care deeply about accessibility (WCAG), performance, and code that a team can actually maintain.

I work independently with startups, digital agencies, and established businesses — fully remote, worldwide. Across 100+ WordPress builds and a growing set of React and Next.js platforms, I build to a 95+ Lighthouse target and hand over sites teams can actually maintain.

WCAG AccessibilityCore Web VitalsPerformance OptimizationHeadless CMSAnimation Engineering
Yasir Afridi — Senior Frontend Developer
● Available
9+
Years Experience
9+
Years of Experience
100+
Projects Delivered
Global
Remote Clients
95+
Lighthouse Target
ReactNext.jsTypeScriptVue.jsTailwindWordPressLaravelGSAPPHPMySQLHTML5CSS3GitFigmaReactNext.jsTypeScriptVue.jsTailwindWordPressLaravelGSAPPHPMySQLHTML5CSS3GitFigma
02. Skills

Tools & Technologies

A curated set of technologies I use to build world-class digital products.

Frontend
⚛️React.js
Next.js
JSJavaScript
TSTypeScript
VVue.js
H5HTML5
CSSCSS3
TWTailwind
CMS
WPWordPress
ELElementor
WCWooCommerce
ACFACF
BRBricks
DVDivi
WPMLWPML
Backend
LRLaravel
PHPPHP
DBMySQL
Animation
GSGSAP
STScrollTrigger
AOSAOS
Other
GITGit
APIREST APIs
FIGFigma
A11Accessibility
Performance
03. Services

What I can build for you

Nine years of shipping production websites and applications — end to end, or dropping into an existing team and codebase.

WordPress & WooCommerce

Custom builds that clients can actually manage themselves.

  • Custom themes & child themes
  • Elementor, Bricks, Divi
  • WooCommerce stores
  • ACF & WPML multilingual

React & Next.js Applications

Server-rendered, type-safe apps built to scale.

  • Next.js App Router & SSR
  • TypeScript throughout
  • Tailwind design systems
  • REST & headless CMS integration

GSAP Animation & Motion

Motion that earns attention instead of costing performance.

  • ScrollTrigger sequences
  • Page & route transitions
  • Micro-interactions
  • Reduced-motion fallbacks

Performance & Core Web Vitals

Diagnose what's slow, fix it, prove the difference.

  • Lighthouse & field-data audits
  • LCP, CLS & INP fixes
  • Image and font optimization
  • Bundle size reduction

Laravel & PHP Backend

The server side behind the interface.

  • REST API development
  • MySQL schema design
  • Custom admin panels
  • Third-party integrations

Maintenance & Support

Someone who already knows the codebase, on call.

  • Monthly retainers
  • Security & dependency updates
  • Bug fixes and small features
  • Uptime and error monitoring

Not sure which one you need?

Tell me the problem and I'll tell you what it actually takes to solve it.

04. Projects

Featured Case Studies

Real client work, live and in production. Every demo link goes to the site itself.

Slimn
Stack: Next.js

Slimn

Medical weight loss platform for GLP-1 treatments

Next.jsReactGSAP+1
My Private Chemist
Stack: Next.js

My Private Chemist

Online pharmacy and healthcare platform

Next.jsReactTailwind CSS
PillPharm
Stack: Next.js

PillPharm

Online pharmacy platform

Next.jsReactTailwind CSS
AllPros
Stack: Next.js

AllPros

Course and mentor discovery platform with reviews

Next.jsReactTailwind CSS
Obvec
Stack: Next.js

Obvec

Modern fabric e-commerce storefront

Next.jsReactTailwind CSS
Nammos Hotels
Stack: GSAP

Nammos Hotels

Luxury hotel website with rich animations

Next.jsReactGSAP+1
11 more projects — keep scrolling
05. Metrics

Performance by the numbers

The build standard I hold every project to, and the work behind it.

Lighthouse Score Targets
0+
Lighthouse Score
0+
Performance
0+
Accessibility
0+Projects Delivered
0+Years Experience
0+Industries Served
06. Results

Impact that speaks

What I bring to every engagement, across clients, industries, and stacks.

100+🚀
Websites Delivered

WordPress builds spanning custom themes, page-builder sites, and WooCommerce stores — plus modern React and Next.js platforms.

9+📅
Years Shipping

Nearly a decade building and maintaining production websites for agencies and direct clients across multiple industries.

95+🏆
Lighthouse Target

Builds are tuned toward 95+ Lighthouse scores through image optimization, code splitting, and caching, so Core Web Vitals stay healthy.

Figma → Code🎨
Pixel-Perfect Delivery

Figma and PSD designs converted into responsive, pixel-accurate layouts that match the design at every breakpoint.

Multilingual🌐
WooCommerce & WPML

Full multilingual e-commerce builds with translated product catalogues, taxonomies, and checkout flows.

GSAP / AOS
Animation Engineering

Scroll-driven animation systems built into custom themes and Next.js apps, tuned to stay smooth on mobile.

07. Testimonials

What clients say

Founders and agency owners I've built for — across New Zealand, Dubai, the Netherlands, Malta and Pakistan.

  • Our own website is the hardest sell — clients judge us on it before they ever talk to us. Yasir built the theme from scratch and put the GSAP work straight into the templates. My team still adds pages and nothing breaks.
    Hamid IjazCEO & Designer · i2D
  • Almost all our bookings come from mobile. The old site was slow and people left before finishing. Yasir fixed that. Enquiries come in daily now, and we did not increase our ad spend.
    Sajid AfridiCEO · Alsinan Transport
  • I wanted booking done in one minute. Yasir cut the extra steps and made mobile work properly. What I liked most — he said no when an idea was bad, and explained why.
    Anjum KokharCEO · Cleaning on a Click
  • I had a lot of ideas and nothing organised. Yasir was patient, and I changed my mind many times. Now I update the site myself, which I did not expect to be able to do.
    Jovana AttardCEO · attardjovana.com
  • We hand him the work that has to be right the first time. He follows our conventions, does not leave a mess behind in the codebase, and flags problems early. That is why he keeps getting the next one.
    Umar ToorCEO · Baramdat Solutions
  • Fabric sells on how it looks, so the photos had to stay sharp — but big photos made the store slow. Yasir solved both. It loads fast on mobile and customers actually browse now.
    Fazal GhaniCEO · Obvec
08. Experience

Professional Journey

Senior Frontend Developer

i2D - Design & DevelopmentFull-time

Auckland, NZ (Remote)

Jan 2026 — Present

Senior frontend role across the agency's client work — React and Next.js applications alongside custom WordPress themes, with GSAP-driven motion and Core Web Vitals work built into the theme rather than bolted on.

  • Build React and Next.js platforms and custom WordPress themes for agency clients
  • Wire GSAP and ScrollTrigger animation into templates without blocking render
  • Convert Figma designs into pixel-perfect, responsive layouts

Frontend Developer

OutsourceNZFull-time

Auckland, NZ

Mar 2020 — Dec 2025

Frontend development on client websites and web applications for New Zealand businesses, spanning WordPress builds and modern React and Next.js front ends.

Frontend Developer

Kiwi Website Design

Islamabad, Pakistan

Aug 2018 — Dec 2025

WordPress delivery for New Zealand clients — custom themes, page-builder sites, and WooCommerce stores, plus ongoing maintenance and performance work.

Frontend Web Developer

IHEXBOT
Oct 2017 — Jul 2018

Built responsive websites from design files using HTML, CSS, JavaScript and PHP.

09. FAQ

Before you get in touch

The questions that come up most often, answered straight.

How much does a freelance Next.js or WordPress developer cost?

It depends on scope, which is why the number comes after the first call rather than off a price list. Defined builds are quoted fixed-price so you know the total before anything starts; undefined work is hourly; ongoing work is a monthly retainer. Whichever it is, you get it in writing first.

Do you work with clients in US, Canadian and UAE time zones?

The UAE working day and mine overlap almost completely. For North America, my later hours land on the Eastern morning, so there is a live window every working day and progress waiting for you overnight. Calls get booked inside your working hours, not mine.

How does communication work on a remote project?

On whatever you already use — Slack, email, WhatsApp, your own project tool. You get a staging link from the first week so progress is visible without having to ask for it, and a written update each week covering what moved and what is next.

Can you take over an existing website or codebase?

Yes, and a good share of my work is exactly that. I read what is already there and match its conventions instead of rewriting it to my own taste. If I think a rewrite is genuinely the cheaper path I will tell you why, but it is not the opening move.

What is a typical project timeline?

A straightforward marketing site is usually a few weeks. A store or an application with real logic behind it takes longer. The honest answer is that the delay on most projects is waiting for copy and images, not the code.

Do you work white-label for agencies?

Yes. Under your name, in your process, with your client never needing to hear mine. If you have more won work than capacity, that is a normal way to work together.

Who owns the code and the accounts?

You do. Code, hosting, domain and any third-party accounts stay in your name, and handover includes a walkthrough plus documentation for anything non-obvious. You can hand the project to another developer tomorrow without needing me.

What happens if something breaks after launch?

Fixing what turns out to be broken is part of the build, not a separate invoice. Beyond that, ongoing work is either ad-hoc hourly or a retainer, depending on how much you actually need.

Do you handle design as well as development?

I build. If you have a designer, I work to their files and match them closely. If you do not, I can produce something clean and functional — but a dedicated designer will beat me on visual direction, and I would rather say that than take the work and disappoint you.

What do you not take on?

Native mobile apps, and anything where the honest answer is that you need a specialist instead. I would rather turn down the work than be the wrong person holding it.

10. Contact

Let's build something great

Open to new opportunities, collaborations, and interesting projects. Let's talk.

Get in touch

Whether you have a project in mind, need a senior frontend developer, or just want to connect — my inbox is always open.

Designed & built by Yasir Afridi · React · Next.js · GSAP · Tailwind CSS