React + TypeScript Layout Designer: creating UI components from Figma for a desktop application
We are looking for a layout designer on react + typescript, who will create the layout of UI components based on the ready design from figma for a desktop application.
Scope of work
- Approximately 31 main screen (based on the ready design).
- Layout of presentation (clean UI) react components.
- Responsiveness: for regular PC/laptop screens + for small laptop screens (macbook 13" and similar) - all options are already available in the design.
- Clean, reusable components.
Important:
This is specifically the layout of components, not the development of the entire application. Logic, state, component integration, and other development will be handled by a separate frontend developer.
Requirements
- Experience of at least 1.5 years.
- Confident knowledge of react (functional components, hooks) + typescript.
- Experience in developing animations.
- Experience working with tailwind css and framer motion.
- Excellent level of html.
- Experience working with figma.
- Attention to detail, pixel-perfect and clean, well-structured code.
- Proficiency in git
Stack
- javascript/typescript
- react
- tailwind
- framer motion (for animations)
- git
- vite
What to provide when responding:
- Links to working websites made by you, or examples of layout of React components from Figma.
- Briefly: experience in laying out similar projects (how many screens/components you have done).
- Briefly: approximate cost of work for the entire volume.
- Willingness to complete a small test task.
Conditions:
- Remote work.
- Phased development with fixed payment for each stage.
- The test task is part of the main project and will be paid if we choose you to complete the entire volume of work.
Additionally
- Design, figma, application description, and all necessary information will be provided immediately after agreement.
-
Hello! We are the NovaCore Solutions team. We work with React, TypeScript, Tailwind, and Framer Motion, so we create neat reusable components with perfect responsiveness for any screens. We have extensive experience in developing complex SaaS and real-time interfaces, so we guarantee code cleanliness for further maintenance and high attention to detail. We are ready to complete a test task and hope for further cooperation.
-
1526 18 0 Hello, I will do the layout using the modern stack Tailwind and create the cleanest components possible.
-
764 5 1 Good day.
I am ready to take on this volume for React + TypeScript. From the description, the task is clear: it is not the development of the entire application, but rather the quality layout of the UI layer according to Figma — screens, clean reusable components, adaptation for desktop and small laptops, neat animations, and preparation for further integration.
I work precisely in this stack:
React + TypeScript, Tailwind, Framer Motion, Vite, Git.
What I can provide for the project:
— a clean component structure;
… — pixel-perfect layout according to Figma;
— reusable UI components without chaos in the code;
— adaptation for desktop/laptop;
— neat animations where they are provided by the design;
— readiness to work in stages.
I have experience in laying out interfaces and UI components according to Figma for React projects. I understand the difference between "creating screens" and "assembling a proper component layer" that is convenient for the logic developer to work with.
I am ready to complete a small test task.
I can immediately send links to relevant works and examples of components in response.
-
3700 17 0 Good day 👋
I work with Figma:
exact reproduction of the design (spacing, typography, states)
adaptation for different desktop sizes (including 13”)
animations using framer-motion without overload
breaking down into atomic components (UI-kit level buttons / inputs / modals / layout)
… Briefly about my experience:
— I have been laying out projects with 30+ screens
— I have created design systems + component libraries
— I have worked in conjunction with separate frontend/backend developers
Technology stack used:
Frontend:
React (functional components + hooks)
TypeScript
Tailwind CSS
Framer Motion
Infrastructure / tooling:
Vite
Git CI/CD
Evaluation:
I am ready to discuss the details in person and start immediately after agreement.
Best regards,
Andriy!
-
2245 22 0 Good day.
I will complete everything cheaply, quickly, and professionally. I guarantee the quality of the work done.👍
-
842 3 0 Good day. I am ready to take on the task.
Examples of work:
1. https://vanshare.pl/
2. https://levtrans.notfounds.dev/
I am ready to complete a test task. I am waiting for the project details and Figma.
-
136 1 0 Hello, Alex!
I am ready to perform the layout of UI components based on Figma in React + TypeScript with a focus on clean architecture and reusability. I have over 5 years of experience with a component-based approach, responsive layout, and preparing interfaces for further integration (separating UI and logic).
💼 Examples of work:
https://coinzoomer.com
— realtime dashboard (Laravel/Inertia, API)
https://steamgifts.org
— task and giveaway system
… https://source-byte.com
— content site with an admin panel
https://dev4rweb.com
📊 Experience:
I have worked with interfaces on dozens of screens, assembling UI based on design systems and Figma mockups with a focus on component scalability.
💰 Estimate:
Approximately 400–600 USD for the entire volume (depends on the complexity of animations and component details)
I am ready to complete a test task and work in stages.
-
421 5 0 Hello!
I am interested in your project, I have experience in development with React + TypeScript. I specialize in creating clean, reusable UI components with strict adherence to responsiveness.
An example of my work with logic and interface (React + Tailwind) can be viewed here: https://www.logicverto.com/aplikacja — this is an interactive calculator where I implemented a complex component structure and responsive design.
-
186 I have experience in developing web applications.
Main stack - React.
I am ready to take on the work.
-
459 10 0 Hello!
1) I can demonstrate the product I have been working on by sharing my screen; it is closed with limited access, so there is no point in leaving a link.
2) I built from scratch a React front-end for an analytics system for B2B clients (14 pages with various reports such as funnels, RFM, dashboard, and much more). I implemented Storybook, which served as a UI component library for the product.
3) It is necessary to explore all tasks in more detail, see the layouts, understand the technical requirements and limitations.
4) It is possible. The task will provide a clearer understanding of the main direction of the tasks.
-
284 Good day
My name is Angelina, I represent the company King Kong Lab
We have experience in UI layout on React + TypeScript based on Figma, we have done projects with a large number of screens and component architecture. We have worked with Tailwind and Framer Motion, we know how to create neat animations and maintain pixel-perfect
We understand the task as clean layout of components without business logic, focusing on reusability and clean code structure. We work with hooks, typing, adhere to a unified style, and prepare components that are convenient for further integration
We have done projects with 20–50+ screens, built component libraries for interfaces, examples can be sent in private messages
We are ready to work in stages and complete a test assignment
We can connect in the near future
I would be happy to collaborate
-
447 1 0 Good day!
I am very interested in your offer. I am a FullStack Web Developer with experience in stacks such as PERN, MERN, PEVN, MEVN. I work with modern technologies: Node.js (NestJS), React.js (Next.js), PostgreSQL, and other tools from the JavaScript ecosystem.
Here is what I can offer you:
- Clean and maintainable code — I use ESLint and Prettier to ensure the code is structured, readable, and easy to maintain;
- Clear architecture — the entire project structure will be logical, without chaos and "tangled forests";
- Modern technologies — using current solutions on both the frontend and backend;
- Quality and timely development — I work responsibly and adhere to deadlines;
… - Responsive design in pixel-perfect;
- Website localization;
- SEO — optimization for search bots;
- Clear execution of requirements — everything will be implemented according to the specified terms of reference.
If you are looking for quality, clean architecture, and a responsible performer — I am available!
-
562 Hello! I have over 2 years of experience in developing UI components using React + TypeScript from Figma, including responsiveness and animations. I implement clean, reusable components while adhering to pixel-perfect standards.
I have experience with Tailwind CSS; however, in projects with a large number of UI components, I prefer CSS/SCSS as it allows for building a cleaner and more scalable style architecture. At the same time, I am comfortable working with Tailwind if it is included in the project stack.
I am ready to start working today. The estimated rate is $8–9/hour.
Example of work: https://kids-story-delta.vercel.app
-
242 Hello!
https://smart-hubmvk.com/
I work with React, modern UI libraries and tools, including Tailwind CSS. I create responsive, efficient, and structured web applications and pay great attention to code quality,
Clear execution of the technical specifications and active communication.
I would be happy for the opportunity to take on a new task!
Message me privately, we will discuss.
-
97 3 0 1 Hello!
I saw your project, and I am interested in it. I have experience in both outsourcing and product development, and I work well in a team.
🔥 My key skills:
✅ Development and refinement of websites on WordPress
✅ Creation of custom themes and plugins
✅ Optimization of loading speed and SEO
✅ Integration of APIs and external services
✅ Support and refinement of existing projects
…
💻 Technologies:
WordPress, PHP, HTML, CSS, JavaScript, React, Vue, WooCommerce, ACF, Elementor, Git
If you value a quality and reliable solution – I am ready to discuss the details. You can contact me here or in a convenient format.
What do you think? I would be happy to collaborate!
-
265 Good day!
My name is Yaroslav. I have extensive experience in UI component layout using React + TypeScript, having worked on projects with 20-50+ screens, where pixel-perfect adherence to Figma designs, responsiveness for different screen sizes, and the creation of clean, reusable components are critically important.
I have a good understanding of the task format - specifically layout without business logic, focusing on quality UI. I work with Tailwind, Framer Motion (animations), Vite, and adhere to clean code structure and Git processes.
I can start working immediately after a more detailed discussion of the technical specifications.
I suggest moving to private messages for a more detailed discussion of the technical specifications, timelines, and costs.
-
313 Hello!
I am interested in your project. I specialize in frontend development and responsive layout using React + TypeScript, and I work with Tailwind CSS, Framer Motion, Vite, and Git.
I have experience in creating reusable UI components based on Figma, adapting to different screen sizes, pixel-perfect layouts, and working with clean component structures. I also have experience in creating animations and complex interfaces.
I have worked on projects with a large number of screens and components, including forms, lists, filtering, cards, galleries, responsive interfaces, and mobile screens.
I am ready to complete a small test task.
…
Examples of my work:
— portfolio website
— responsive React/Tailwind projects
— UI components and screens based on Figma
— projects with reusable components and animations
I am open to discussing costs and work stages after reviewing the design and the volume of screens.
I look forward to collaborating!
-
326 Good day!
I am ready to help with the layout of UI components for your desktop application. I have solid experience working with React + TypeScript, I work with functional components and hooks, and I actively use Tailwind and Framer Motion for animations. I am well-versed in Figma, I am used to working pixel-perfect and creating clean, reusable components.
-
286 Hello!
I have over 5 years of experience in frontend development, specializing in interface layout and creating Next/React components. I have worked on projects where I implemented 20+ screens, including responsiveness for different screen sizes and layout.
Examples of work:
* https://www.vinovest.co/ — investment platform for working with wine and whiskey (partial completion of work)
* https://getkidas.com/ — React dashboard for tracking statistics from the application
* https://skicka.co/ — desktop MVP for managing a media library and creating separate presentations based on it
I am ready to discuss the cost after reviewing the layouts. I am willing to complete a test task.
…
I look forward to collaborating!
-
10123 117 0 Hello.
I am a NodeJS developer. I have experience with React. I am ready to take on the project. Write to me, we will discuss.
-
328 1 0 Good day!
I have about 4 years of experience working with React + TypeScript, I am engaged in interface layout on Figma: dashboards, forms, tables, UI components. I have experience with Framer Motion for animations and I understand well the difference between presentation components and application logic. Responsiveness for different devices using Tailwind is a standard task that I regularly work on.
I am ready to complete a test task and work step by step.
I can start after familiarizing myself with the Figma layout - can you write to discuss the details conveniently?
-
1717 28 1 1 Hello!
I am ready to complete the project.
Rate - $15
Examples of my work:
https://charterclick.com/
https://pashadahulych.github.io/DLUXX_Fix/
https://pashadahulych.github.io/wise_final/
…
https://pashadahulych.github.io/Craft/
https://pashadahulych.github.io/Alternativa/
https://pashadahulych.github.io/Crm-Charter/
https://pashadahulych.github.io/Rozum/
-
1131 2 0 Good day
My stack:
Frontend: Next.js, TailwindCSS, Framer Motion, Redux,
Backend: NestJS, Prisma, Redis
Database: PostgreSQL
Link to portfolio: https://aleksandr-t.vercel.app/en
The estimate depends on the complexity of the design
I am ready to do a test task
-
336 Hello!
I am very interested in your project and ready to help.
About me: I have over 4 years of experience in Backend/Node.js development, Front-End with Vue.js/Nuxt.js and React.js/Next.js, exclusively on large commercial projects. I have worked in large teams and also have experience in independent software development.
My GitHub: https://github.com/virus231
LinkedIn: https://www.linkedin.com/in/vladyslav-prodan-4865891a0/
Feel free to contact me!
-
Вітаю. А як без дизайну оцінити роботу? Це як пальцем в небо такати
-
17 500 за 31 страницу... От куда вы такие расценки берете?
-
Current freelance projects in the category HTML & CSS
Fix the CSS/DOM layout of cards in the Chrome extension for localizing D&D BeyondThere is a Chrome extension Manifest V3 that localizes the D&D Beyond website into Ukrainian. The project is written in TypeScript + WXT. The extension works through a content script: it finds English text on D&D Beyond pages and replaces it with the Ukrainian translation. The… HTML & CSS, Javascript and Typescript ∙ 3 hours 37 minutes back ∙ 16 proposals |
Layout of a page for a website on Khoroshop + and editing 2 written pages
112 USD
Hello! Task: To create the "Loyalty Program" page and make adjustments to the "Wholesale Cooperation" and "Corporate Orders" pages Page "Loyalty Program": - Create the page in HTML code according to our design in Figma - Adapt for desktop and mobile versions, iOS and… HTML & CSS ∙ 1 day 9 hours back ∙ 36 proposals |
I am looking for a person who can help fill the advertising agency website on WordPress.I created the pages in the cloud and now I have done everything on WordPress. I am looking for someone who can help fill the website with content. Quickly and efficiently, certain photos will probably need to be generated in GPT. I will try to help. There are about 15 pages. AI Content Creation, HTML & CSS ∙ 1 day 15 hours back ∙ 39 proposals |
I need to create a website from a PDF, is it possible?The design is already fully drawn but we only have it in PDF, as the Figma file was lost... There may be discrepancies with it. This is acceptable. Do we need to redraw it in Figma? Or is it possible to layout and put it on a CMS, and if so, which one? There will be a lot of… HTML & CSS, Web Programming ∙ 1 day 15 hours back ∙ 112 proposals |
Development of a WordPress + WooCommerce online store# Development of an Online Store for Agricultural Equipment The design mockup is currently in the final stages of development. I fully understand that without a ready mockup, the final estimate will be inaccurate. However, if you have already implemented similar e-commerce… Content Management Systems, HTML & CSS ∙ 1 day 23 hours back ∙ 75 proposals |