Browse categories
Explore
Fiverr Pro
English
$
USD
I will convert your figma into a react or nextjs frontend
Haris Javed
About this gig
You have a Figma file and you need it running as real, responsive code. I turn supplied designs into React and Next.js interfaces that hold up on desktop and mobile.
5+ years of software engineering. My work includes marketplace interfaces at ShipNest, healthcare dashboards at VitalsVault and CRM screens at Maleyat. I write TypeScript, with Tailwind CSS or Material UI.
What you get: layout that matches your Figma frames down to spacing, type, colour and breakpoints. Reusable components instead of copy-pasted markup. Responsive behaviour all the way to mobile. Forms with loading, empty and error states. Clean source code you can build on.
Basic is one page, up to five sections. Standard is three pages with shared components. Premium is up to five pages wired to your existing API. Larger sites, CMS integration and animation-heavy pages get a custom offer.
You supply the Figma file and any fonts or assets you have the rights to use. Design creation, backend work and paid tools are not included.
Respect third-party rights
Please be aware that it is against Fiverr's policies for sellers to include themes, templates, or any other elements that infringe third-party rights or applicable laws in the delivered work. Read more about in our Guide to Responsible Digital Creation.
Get to know Haris Javed
Haris Javed
Software Engineer for Web and Mobile Apps
- FromPakistan
- Member sinceApr 2020
- Avg. response time1 hour
- Last delivery4 years
Languages
English
I'm a software engineer with 5+ years of experience building web apps, SaaS platforms, APIs and mobile apps. My work includes ShipNest's marketplace and shipping workflows, VitalsVault's healthcare platform, Viaductus's M&A marketplace and AstroLink AI's mobile app. I work with React, Next.js, Node.js, NestJS, PostgreSQL, Supabase and React Native. I can build a scoped MVP, add features to an existing product, connect APIs or fix backend issues. You can expect clear communication, practical engineering and source code with a straightforward handover.
My Portfolio
FAQ
Do I need designs and a backend?
Yes, provide your Figma design or an agreed visual reference. API integrations use your existing documented backend. New designs, backend services and extra pages need a separate scope.
How close to my design will the result be?
I match spacing, type, colour and your breakpoints. Where the design doesn't define behaviour for a screen size, I follow the nearest frame and flag it for you rather than guessing quietly.
React or Next.js, which should I choose?
Next.js if you want routing, SEO and server rendering out of the box. Plain React if this is going into an app you already have. Tell me your stack and I will match it.
Can you connect the pages to my API?
Yes. If the API already exists and is documented, wiring up the pages I deliver is included in Standard and Premium. If the API still needs building, I do that too, so ask me for a combined offer.
My Figma is not finished. Should I wait?
Send it anyway. I will tell you which frames are ready to build and which need decisions from you first. Unfinished designs are the main cause of revision loops, so it is worth settling before the clock starts.
Tailwind or Material UI?
Either. If your project already uses one, I match it. If you have no preference, I use Tailwind.
