You will get convert your Figma/PSD design to a responsive React or Next.js site
Project details
Most developers just copy a design into heavy, unmaintainable code that slows down your business. I approach your Figma or PSD layouts with engineering precision—combining the performance of Next.js (App Router) with the strict reliability of TypeScript and RTK Query.
Whether you need a high-converting, SEO-optimized marketing website or a highly complex, data-driven SaaS Dashboard with reusable custom UI elements (built via Tailwind CSS & shadcn/ui), I deliver clean architecture that scales seamlessly. You get production-ready frontend code built to industry-standard global compliance, optimized for a 95+ Lighthouse speed score.
Whether you need a high-converting, SEO-optimized marketing website or a highly complex, data-driven SaaS Dashboard with reusable custom UI elements (built via Tailwind CSS & shadcn/ui), I deliver clean architecture that scales seamlessly. You get production-ready frontend code built to industry-standard global compliance, optimized for a 95+ Lighthouse speed score.
Programming Languages
HTML & CSS, JavaScript, TypeScriptCoding Expertise
Cross Browser & Device Compatibility, PSD to HTML, Performance OptimizationWhat's included
| Service Tiers |
Starter
$20
|
Standard
$80
|
Advanced
$500
|
|---|---|---|---|
| Delivery Time | 3 days | 7 days | 20 days |
Number of Revisions | 3 | 5 | Unlimited |
Number of Pages | 1 | ||
Design Customization | |||
Content Upload | |||
Responsive Design | |||
Source Code |
About Mohamed
Front-End Developer | React, Next.js, Tailwind CSS | Figma to HTML
Cairo, Egypt - 5:58 am local time
I convert Figma/XD designs into responsive websites using React.js, Next.js, and Tailwind CSS. Whether it's a landing page, a small business site, or a simple dashboard, I focus on clean code and pixel-perfect results.
âś… What I can help with:
- Figma/XD to React/Next.js conversion
- Responsive landing pages & business websites
- Simple to medium admin dashboards
- Bug fixes & improvements to existing React projects
- Tailwind CSS styling & UI components
⚙️ Tech stack: React.js, Next.js, TypeScript, Tailwind CSS, Redux Toolkit, Node.js, MongoDB
Why work with me:
- I have hands-on experience building dashboards and web apps professionally (currently working as a Front-End Developer)
- I'm building my Upwork portfolio, so I'm offering competitive rates and extra attention to every project right now
- Clear communication, realistic timelines, and clean handoff (documented code)
📩 Send me your Figma link or a description of what you need — I'll reply with a clear time estimate, usually within a few hours.
Steps for completing your project
After purchasing the project, send requirements so Mohamed can start the project.
Delivery time starts when Mohamed receives requirements from you.
Mohamed works on your project following the steps below.
Revisions may occur after the delivery date.
Design Review & Tech Alignment
I thoroughly analyze your Figma/PSD design to understand the layout, typography, and responsive constraints. We align on the architectural setup, specific interactions, and key deliverables before writing a single line of code.
Architecture & Component Setup
I set up the Next.js/React project with TypeScript and Tailwind CSS. I build a centralized shared folder for global UI elements (inputs, tables, dialogs) using Atomic Design principles to ensure zero code duplication and long-term scalability.