Hi, I'm Mudassir Altaf
I build the web product behind the brand — design system to ship date. Fast, considered, honest.
Built with — daily drivers
- React
- Next.js
- Node.js
- TypeScript
- Shopify
- WordPress
- PostgreSQL
- Vercel
Stack chosen by me, not picked for logos
// services
What I build for you
Most engagements fall into one of these. Need a mix? That's most projects. Tell me what you're shipping and I'll scope a fit.
Product builds
Marketing sites, web apps, dashboards — designed and shipped end-to-end.
Design systems
Tokens, components, motion language — scalable foundations teams can grow on.
Headless CMS
WordPress, Shopify, Sanity — content models that don't fight editors.
Performance
Core Web Vitals audits, bundle budgets, image pipelines, ISR strategy.
02 ↘ work
Stuff I put on the internet
A handful of products, marketing sites, and dashboards. Each one ate weeks of my life and taught me something I now reuse on the next.
XI Fantasy Leagues
Skill-based fantasy cricket platform for IPL and PSL with on-chain reward distribution and real-time scoring.
- Next.js
- Node.js
- PostgreSQL
- Web3
Digital Muzaffargarh
Free skills training program for the Muzaffargarh region — public-facing site, course catalog, blog, and event registration.
- WordPress
- Custom Theme
- Hostinger
- Cloudflare
Govt Graduate College Muzaffargarh
Custom CMS and public website for a graduate institution serving 5,500+ scholars and 20+ doctoral faculty.
- Laravel
- PHP
- MySQL
- Custom CMS
Govt Graduate College for Women Muzaffargarh
Public website and admin CMS for a women's graduate college established 1973, with 11 BS programs across disciplines.
- Laravel
- PHP
- MySQL
- Custom CMS
03 ↘ stack
Tools I reach for
- React
- Next.js
- TypeScript
- Node.js
- PostgreSQL
- WordPress
- Shopify
- Tailwind
- Figma
- Framer Motion
- Vercel
- Docker
// the lab
Side notes & playgrounds
- 01#css
CSS-only animated mesh gradient
Hero background that drifts and follows the cursor. No WebGL. ~50 lines CSS, 10 lines JS.
- 02#react
Magnetic CTA + cursor-tracked tilt
Reusable hooks for buttons that follow the cursor and cards that tilt with depth.
- 03#next.js
Theme system with no flash
Pre-paint inline script + tokenized palette. Honors prefers-color-scheme + persists choice.
04 ↘ notes
Recent writing
- I rebuilt my portfolio in <50KB of JavaScriptKilled Three.js, GSAP, Lenis, postprocessing, splitting, and canvas-confetti. Site dropped from ~800KB JS to under 50KB. Here's what I kept, what I cut, and the perf math.
- INP is the Core Web Vital that finally tells the truthFID was a polite lie. INP measures interaction responsiveness across the full page lifetime, and it is harder to fix. Here's how I think about it on production sites.
- App Router vs Pages Router in 2026: where each still winsThree years after App Router shipped, the answer is no longer 'just migrate'. Here's how I decide which router belongs on which project, and how I plan migrations.
07 ↘ contact
Got an idea you want to ship?
Tell me what you're building, what's on fire, what you've tried. I usually reply within a day with an honest take — and if it's not a fit, I'll tell you who'd be better.
// before you ask
What kind of work do you take on?
Frontend-leaning product builds — marketing sites, web apps, design systems, headless commerce, content platforms. Comfortable across React/Next.js, Node, WordPress, and Shopify. Most projects fall in the 4–10 week range.
How do you price?
Fixed price for scoped work. Day rate for retainers. I scope after a 30-minute call so the number reflects the actual project, not a generic tier. Ranges typically start around $5k for sites, $15k+ for product builds.
How fast can you start?
Usually within 1–2 weeks of a signed agreement. If timing is critical, I can sometimes shuffle existing work for an extra week of lead time.
Do you work with design files or design from scratch?
Both. If you have a designer or finished Figma, I implement faithfully and flag UX issues as I build. If not, I can lead the design — strongest at marketing sites and admin/product UI.
Who owns the code and IP?
You. On final payment all source code, designs, and assets transfer to you. I keep rights to showcase the work in my portfolio unless an NDA says otherwise.
What about post-launch support?
Two weeks of bug fixes are included free. After that, ad-hoc fixes are billed hourly, or we set up a monthly retainer for ongoing improvements and check-ins.
// build something
Have a project? Let's ship it.
Tell me what you're building. I reply within a day with a candid take and a clear next step.