Available for freelance work

Interfaces that feel
as good as they look.

I'm Modasir, a frontend developer who turns product ideas into fast, accessible, pixel-precise web experiences — from first sketch to production deploy.

40+Projects shipped
5+Years experience
98%Client satisfaction
hero.tsx
style.css
M.
About

Frontend developer, detail obsessive.

I build websites and web apps where engineering and design meet — the kind of interfaces that load instantly, respond to every interaction, and hold up on any screen size.

My process starts with the user's actual problem, not a template. I prototype fast, sweat the transitions and spacing others skip, and ship code that's clean enough for the next developer to pick up without a headache.

When I'm not building, I'm reverse-engineering great products to understand why they feel the way they do.

ReactTypeScriptNext.jsTailwind CSSFramer MotionNode.js
Skills

The toolkit behind the polish

Every layer of the stack I use to take a design from Figma to fast, production-ready code.

Frontend Engineering

React, TypeScript, Next.js — component architecture built to scale.

Design Systems

Tailwind, tokens, and component libraries that keep products consistent.

Motion & Interaction

Framer Motion and CSS animation used with intent, never for decoration.

Performance

Core Web Vitals, lazy-loading, and bundle discipline for sub-second loads.

API Integration

REST, GraphQL, and Node services wired cleanly into the frontend.

Accessibility

Semantic markup, keyboard flows, and WCAG-aware components by default.

Responsive Layout

Fluid grids and breakpoints tuned for mobile, tablet, and desktop.

Deployment & CI

Vercel, GitHub Actions, and staging pipelines for confident ship days.

Featured work

Projects I'm proud to show

A selection of recent builds — swap these in with your own case studies, screenshots, and links.

Next.jsStripeTailwind

Fintech Dashboard

A real-time analytics dashboard with animated charts, dark-mode UI, and sub-100ms interactions.

View case study
ReactFramer MotionSanity CMS

D2C Product Launch Site

An award-shortlisted landing page with a scroll-driven product reveal and CMS-managed content.

View case study
TypeScriptWebSocketsPWA

Team Scheduling App

A live-updating scheduling tool with offline support and a component system used across 3 products.

View case study
Next.jsMDXSEO

Documentation Platform

A searchable docs site rebuilt for speed — Lighthouse 99, full-text search, versioned content.

View case study
Services

How I can help

Flexible engagements built around what your project actually needs.

01

Website Development

Custom, responsive websites built from scratch and tuned for speed and conversion.

  • Marketing & landing pages
  • E-commerce storefronts
  • CMS integration
02

Web App Engineering

Interactive product interfaces with clean state management and real-time data.

  • React / Next.js builds
  • API & backend wiring
  • Auth & dashboards
03

UI Audits & Polish

A design and performance pass on an existing product to fix what's holding it back.

  • Accessibility review
  • Performance tuning
  • Responsive fixes
Testimonials

What clients say

Replace with real quotes once you've got a few projects under your belt.

★★★★★

"Modasir rebuilt our dashboard in three weeks and it now loads faster than our old one felt on a good day. Communication was excellent throughout."

SK
Sara KimProduct Lead, Finlytic
★★★★★

"The attention to detail on animations and spacing was next-level. Our launch page felt like it belonged next to the big product sites we admired."

DR
David ReyesFounder, Northwind Goods
★★★★★

"Clean, well-documented code and a design sense that filled in the gaps we didn't know we had. We've brought him back for every project since."

AL
Amara LawalCTO, Scheduly
Contact

Let's build something fast.

Tell me a bit about your project — I typically reply within one business day.

Emailhello@modasir.dev
Based inRemote — working across time zones
AvailabilityOpen for new projects