You will get XD , Figma or PSD wireframe converted into React.js frontend screens
Project details
I will provide React.js components (Front end development screen) / HTML from Figma, XS, or PSD. I am having 8 years of practical experience as an employee and freelancer also.
I always focus on small details while writing code, reusable components, and CSS / SASS will be pixel-perfect.
Always try my best to provide 100% complete and high-quality work to clients and warmly welcome feedback from the clients.
I always focus on small details while writing code, reusable components, and CSS / SASS will be pixel-perfect.
Always try my best to provide 100% complete and high-quality work to clients and warmly welcome feedback from the clients.
Programming Languages
HTML & CSS, JavaScript, TypeScriptCoding Expertise
Cross Browser & Device Compatibility, PSD to HTML, W3C Markup Validation ServiceWhat's included
| Service Tiers |
Starter
$80
|
Standard
$200
|
Advanced
$450
|
|---|---|---|---|
| Delivery Time | 2 days | 5 days | 7 days |
Number of Revisions | 2 | 3 | 4 |
Number of Pages | 1 | 3 | 7 |
Design Customization | |||
Content Upload | |||
Responsive Design | |||
Source Code |
Frequently asked questions
2 reviews
(2)
(0)
(0)
(0)
(0)
This project doesn't have any reviews.
TW
Tom W.
Jan 24, 2023
Shopify css assistance
AS
Alex S.
Sep 25, 2020
Replicate/Change a Font Landing Page
I had a wonderful experience working with Manaqib. He went beyond the contract scope to improve several html/css features.
He's very knowledgeable in website design and I highly recommend working with him!
He's very knowledgeable in website design and I highly recommend working with him!
About Manaqib
Front-End UI Developer | React | HTML | CSS | Tailwind CSS
Rawalpindi, Pakistan - 2:19 am local time
I have worked with a variety of companies, ranging from innovative startups to large-scale product enterprises, and I take pride in writing clear, maintainable code. I offer a dependable and meticulous approach, whether you're looking to create a contemporary user interface from the ground up or need assistance enhancing an already-existing one.
Services I can provide:
I specialize in converting Figma | XD | PSD designs into responsive, accessible, and well-structured HTML pages that look great on all devices and work seamlessly across all modern browsers.
I specialize in mobile-first responsive design, ensuring your website looks and functions perfectly across all screen sizes-from smartphones and tablets to desktops and large displays. By prioritizing the mobile user experience first, I build layouts that are lightweight, fast-loading, and user-friendly, even on slower networks or smaller devices.
With a strong foundation in HTML, CSS, SCSS, I create fluid, flexible designs that adapt seamlessly to any viewport. Whether you're launching a landing page, web app, or full website, I ensure a consistent and intuitive user experience for all users-mobile-first, always responsive.
I bring deep expertise in Tailwind CSS, the utility-first framework that allows me to build scalable, responsive, and highly customizable user interfaces with clean and efficient code. By leveraging Tailwind’s utility classes, I craft modern UIs faster, reduce CSS bloat, and maintain consistent styling across components and pages.
From landing pages to complex dashboard UIs, I use Tailwind to:
✅ Rapidly prototype and develop sleek, mobile-friendly layouts.
✅ Implement custom themes with Tailwind’s configuration options.
✅ Create reusable components for React.js and other frameworks.
✅ Ensure design consistency without writing redundant CSS.
✅ Optimize for performance, accessibility, and responsiveness.
Whether starting from scratch or working within an existing Tailwind setup, I ensure pixel-perfect results, clean code structure, and a smooth development workflow.
Together, let's create something amazing. Feel free to invite me to discuss your next project!
Steps for completing your project
After purchasing the project, send requirements so Manaqib can start the project.
Delivery time starts when Manaqib receives requirements from you.
Manaqib works on your project following the steps below.
Revisions may occur after the delivery date.
Requirements
Before starting a job my focus is always on the basic requirements from the client.
Components
Before starting I minutely go through the screens to get an idea that how many small components I will need to start a job.