Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak
Post your project for free and start receiving proposals from freelancers within minutes after publication!

React + TypeScript Layout Designer: creating UI components from Figma for a desktop application

Translated393 USD

  1. 461
    Work example:
    Divi TV – Online TV Without Limits
    1 day393 USD

    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.

  2. 1526    18  0
    1 day393 USD

    Hello, I will do the layout using the modern stack Tailwind and create the cleanest components possible.

  3. 764    5  1
    12 days494 USD

    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.

  4. 3700    17  0
    14 days393 USD

    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!

  5. 2245    22  0
    14 days394 USD

    Good day.
    I will complete everything cheaply, quickly, and professionally. I guarantee the quality of the work done.👍

  6. 842    3  0
    45 days449 USD

    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.

  7. 136    1  0
    30 days393 USD

    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.

  8. 421    5  0
    21 days404 USD

    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.

  9. 186  
    7 days382 USD

    I have experience in developing web applications.
    Main stack - React.

    I am ready to take on the work.

  10. 459    10  0
    7 days393 USD

    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.

  11. 284  
    7 days404 USD

    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

  12. 447    1  0
    7 days382 USD

    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!

  13. 562  
    10 days393 USD

    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

  14. 242  
    17 days393 USD

    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.

  15. 97    3  0   1
    20 days393 USD

    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!

  16. 265  
    1 day393 USD

    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.

  17. 313  
    15 days393 USD

    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!

  18. 326  
    15 days393 USD

    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.

  19. 286  
    14 days393 USD

    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!

  20. 10123    117  0
    7 days393 USD

    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.

  21. 328    1  0
    1 day393 USD

    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?

  22. 1717    28  1   1
    10 days393 USD

    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/

  23. 1131    2  0
    10 days382 USD

    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

  24. 336  
    30 days393 USD

    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!

  25. Another 9 proposals concealed
  1. 726    9  1
    3 days393 USD

    Hello! Your project caught my attention. I am ready to start working and ensure high quality execution.

    1 proposal concealed
  • Pavlo Dagulich
    6 April, 22:54 |

    Вітаю. А як без дизайну оцінити роботу? Це як пальцем в небо такати


  • Profile deleted
    6 April, 22:59 |

    Здравствуйте! Не можем присылать всем дизайн. У нас есть текст описания приложения, дизайн делался по нему. Если вам поможет, дизайн не сложный, минималистичный

  • Pavlo Dagulich
    6 April, 23:01 |

    Надайте тоді його в особисті повідомлення будь ласка


  • Mykola Skobletskyi
    6 April, 23:41 |

    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 Beyond

There 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 & CSSJavascript 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 CreationHTML & 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 & CSSWeb 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 SystemsHTML & CSS ∙ 1 day 23 hours back ∙ 75 proposals

Client
Profile deleted


Project published
2 months 5 days back
511 views
Tags