Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak
Розмістіть свій проєкт безплатно та почніть отримувати пропозиції від фрилансерів-виконавців уже через хвилини після публікації!

Верстальщик React + TypeScript: створення UI-компонентів за Figma для десктоп-додатку

Translated27 000 UAH

  1. 461
    Приклад роботи:
    Лендінг для CRM-системи автоматизації трейдингу
    1 день25 000 UAH

    Бачу задачу як якісну UI-верстку без зайвої логіки: тут критичні pixel-perfect, акуратна адаптивність і чисті переиспользовні компоненти. Я працюю з React + TypeScript, Tailwind і Framer Motion, тому зможу зібрати екрани так, щоб вони коректно перерозподілялись на різних ширинах без зламів і артефактів.

    У NovaCore Solutions веду повний цикл SaaS/UI-продуктів і окремо верстав складні CRM та десктопні інтерфейси. Можу швидко включитись у тестове й дати прогноз по всьому обсягу після перегляду Figma.

  2. 2165
     9  0

    20 днів25 170 UAH

    Вітаю! Добре бачу задачу: тут важливі не просто «прикрутити» Figma, а зібрати чисті, переиспользовні React-компоненти, які акуратно тримаються на різних ширинах і не ламаються при розтягуванні вікна. Я працюю з React + TypeScript, Tailwind і Framer Motion, тож можу одразу закласти структуру, адаптивність і плавні анімації без зайвого коду. Маю досвід верстки UI з Figma для складних інтерфейсів і люблю pixel-perfect. Готовий показати приклади та пройти тестове.

  3. 1439
     5  0

    12 днів27 000 UAH

    Доброго вечора. Готовий взятися за ваш проект, цілком і повністю. Питань по задачі немає, є тільки уточнення: в Figma все структуровано, є всі стани, розміри, відступи, ассети та анімації описані нормально? Був досвід з великою компанією, що був безлад, багато прихованих станів, модалок, таблиць, hover/focus/empty/loading-сценаріїв і “це очевидно” без опису.

  4. 4733
     6  0

    14 днів25 000 UAH

    Сверстаю 31 екран чистих React-компонентів по Figma з резиновою адаптацією під ПК та MacBook 13". Підхід: atomic-компоненти на Tailwind з CSS Grid для динамічного перерозподілу карток, типізація через TypeScript-інтерфейси пропсів, анімації через Framer Motion variants для повторного використання без дублювання коду. Питання: чи є в дизайні єдина Design System з токенами кольорів та типографіки, чи кожен екран сверстан незалежно?

  5. 14508
     24  0

    5 днів27 000 UAH

    Вивчив ваш проект, розумію, що потрібна верстка UI-компонентів за готовими макетами з Figma для десктопного додатку. Тут основне завдання - створити адаптивні та повторно використовувані компоненти, які коректно перерозподіляються при зміні ширини вікна. Це може вимагати уваги до деталей, особливо при роботі з різними розмірами екранів. Що стосується технічної реалізації, я пропоную використовувати функціональні компоненти React з хуками та впровадження анімацій через Framer Motion, щоб забезпечити плавність інтерфейсу. Враховуючи обсяг у 31 екран, підйомний ризик полягає в необхідності ретельно стежити за адаптивністю та кросбраузерністю, щоб уникнути візуальних артефактів. Хотів би уточнити, чи є специфічні вимоги до анімацій або переходів між екранами? І також, чи є можливість отримати доступ до макетів для більш точної оцінки складності? За моїми оцінками, вартість проекту складе 30000 гривень, з терміном виконання 5 днів. Ця сума враховує складність роботи, можливість інтеграції та адаптації. Реальна вартість буде вищою за 27000 гривень, оскільки це технічний ліміт платформи. Готовий розпочати виконання тестового завдання, щоб продемонструвати якість роботи.

  6. 262  
    1 день27 000 UAH

    Обсяг виглядає значно більшим за бюджет. Орієнтовно це 120+ годин роботи. Можу запропонувати поетапну оплату або переглянути бюджет після першого етапу

  7. 3025    37  0   1
    15 днів27 000 UAH

    Доброго дня. Зроблю знижку на роботу з react. В основному працюю на angular. Але зараз вивчаю react. Все вищеперелічене знайоме, працюю з цим кожен день, крім react. Зроблю всі компоненти. Ціну обговоримо в лс.

  8. 4429    80  1   4
    23 дні27 000 UAH

    Довіртеся професіоналу зі стажем понад 10 років! Ставка та терміни актуальні! Буду радий співпраці! Досвід комерційної розробки інтернет-магазинів на CMS, бізнес-порталів та корпоративних сайтів - 11 років! +CMS: WordPress(+Woocommerce) PrestaShop/Opencart/Joomla/Bitrix/MODX/DLE/Shopify php/html/css/js/Mysql, PhotoShop/Figma Приклади робіт (з нуля під ключ): https://amari.net.ua/ https://heypretty.gr/ https://thaibalispa.pl/ https://wildandorganic.com/ https://cryptosignals.org/ https://ecnbot.com https://locs-ua.com/ https://www.grower.com.ua/ https://www.alternativemedicine.com.ua/ https://silkkiss.ua/ https://v12coffee.com.ua/ https://smrtalgo.com/ https://sengero.no/ https://beautybysim.no/ https://sonatagalleri.com/ https://www.solmy-realestate.com/ https://www.emmanuel.com.ua/ https://www.onsitecomputersinc.com/ https://express-tehbud.com/ https://korostenporcelain.com.ua/ https://sladok.com.ua/ https://pricemds.com/ https://picupmedia.com/ https://www.serasar.com/

  9. 1090    11  1
    7 днів25 000 UAH

    Привіт! Я розробник з досвідом роботи в React та TypeScript, готовий взятися за верстку UI-компонентів для вашого десктоп-додатку. Впевнений, що зможу створити резиновий та піксель-перфектний дизайн відповідно до макетів Figma. Готовий виконати тестове завдання та надати приклади моєї роботи з React-компонентами. Обговоримо деталі!

  10. 136    1  0
    45 днів25 175 UAH

    Доброго дня!

    Маю понад 5 років досвіду у фронтенд-розробці, працюю з React + TypeScript, Tailwind та компонентною архітектурою. Є досвід верстки інтерфейсів на десятки екранів з акцентом на pixel-perfect, адаптивність та повторне використання компонентів.

    Розумію задачу: чисті UI-компоненти без логіки, з коректною “резиновою” поведінкою інтерфейсу під різні розміри екранів.

    💼 Приклади проектів надішлю в особисті повідомлення.

    📊 Досвід:
    Працював з проектами 20–50+ екранів, збирав дизайн-системи та UI-бібліотеки для подальшої інтеграції.

    💰 Оцінка:
    Орієнтовно 500–700 USD за весь обсяг (уточню після перегляду макетів)

    Готовий працювати поетапно.

  11. 265  
    1 день25 200 UAH

    Доброго дня!
    Є 3+ роки досвіду у frontend-розробці на React + TypeScript, верстці UI-компонентів за Figma, роботі з Tailwind CSS, Sass, Framer Motion, Vite та Git.
    Можу виконати верстку чистих презентаційних компонентів за готовим дизайном: адаптив під desktop та маленькі ноутбуки, резинову поведінку інтерфейсу, переиспользувані компоненти, акуратну структуру коду та pixel-perfect за макетами.
    Пропоную обговорити деталі, а також вартість і терміни в особистих повідомленнях.

  12. 446    1  0
    123 дні25 111 UAH

    Доброго дня, досвід є. Ось останній сайт, також в портфоліо + github

    Anular/React/Next

    Backend: Asp.net, axum, nest

    https://avero-doors.com.ua/

  13. 15075    32  0   1
    29 днів26 990 UAH

    Добрий день!
    Мене звати Валентин, і я представляю Arctic Web Agency. Ми - команда яка спеціалізується на створенні сучасних та ефективних рішень для бізнесу.В особисті повідомлення зможу надати приклади наших схожих робіт. Готові взяти ваш проєкт до роботи!

    З повагою
    Arctic Web Team
    Freelancehunt

  14. 298  
    1 день25 000 UAH

    Олекс, добрий день!

    Чи можна уточнити щодо бажаної дати старту та термінів? І це погодинна оплата чи фіксована ціна?

  15. 307    1  0
    14 днів25 170 UAH

    Доброго дня!
    Зацікавила ваша пропозиція — якраз спеціалізуюсь на верстці UI-компонентів на React + TypeScript з акцентом на чисту архітектуру та повторне використання.
    Коротко про мене:
    — Понад 1,5 років комерційного досвіду у frontend-розробці
    — Впевнено працюю з React (hooks), TypeScript
    — Маю практичний досвід роботи з Tailwind CSS та анімаціями через Framer Motion
    — Чудово володію HTML/CSS, дотримуюсь pixel-perfect та уважно ставлюсь до деталей
    — Регулярно працюю з Figma (в тому числі складні дизайн-системи)
    — Використовую Git у щоденній роботі
    Також працюю з більш широким стеком:
    Next.js, React, Node.js, Express, PostgreSQL, MongoDB — це допомагає краще розуміти архітектуру та писати більш універсальні та масштабовані компоненти.
    По схожих завданнях:
    — Робив верстку UI-компонентів та сторінок (20–40+ екранів в рамках проектів)
    — Працював з адаптивною та “резиновою” версткою під різні роздільні здатності
    — Будував компонентні системи з урахуванням масштабування
    Портфоліо:
    https://www.7flows.studio/uk#portfolio
    Готовий:
    — Оцінити проект після отримання деталей
    — Виконати тестове завдання
    — Працювати поетапно в рамках вашого процесу
    Буду радий обговорити деталі та оцінку проекту після ознайомлення з ТЗ.
    Дякую!

  16. 346  
    5 днів25 000 UAH

    Добрий день! Готовий взятися за верстку UI-компонентів для вашого додатка.

    Коротко про досвід:

    Стек: React/Next/TS/Tailwind/Framer Motion/Vite.

    Робив проєкти на 30-50 екранів з повною адаптивністю під десктоп.

    Приклади адаптивності - https://rentlem.com/

    Вартість: від 25000$ за весь проєкт.
    Тестове: готовий виконати.
    NDA: без проблем.

    Напишіть, будь ласка, в особисті для ознайомлення з описом проєкту.

  17. 1872    9  0
    7 днів24 999 UAH

    Доброго дня!Проєкт зрозумілий. 31 екран з Figma, чиста презентаційна верстка компонентів на React + TypeScript + Tailwind, Framer Motion для анімацій, pixel-perfect, гумова адаптивність без поломок на ресайзі. Логіку і стейт не чіпаємо, тільки UI-компоненти.Пропоную такий формат. Основний виконавець з нашого боку — верстальщик, з яким працюю давно, спеціалізується саме на React-верстці з Figma. Tailwind і Framer Motion — його щоденний стек, робив складні анімації з оркестровкою, variants, layout-анімаціями, gesture-інтеракціями. Pixel-perfect за замовчуванням, без нагадувань.Я в команді як координатор і страхувальник. Сам фулстек на React + TypeScript, тому якщо у верстальщика виникнуть питання по структурі компонентів з точки зору майбутньої інтеграції (пропси, composition pattern, forwardRef, як краще розбити на atomic/molecule, де тримати стилі щоб не заважали вашому фронтендеру підключати логіку) — вирішуємо на місці, не смикаючи вас. Це часта проблема в таких проєктах: верстальщик робить красиво, але фронтенд-розробник потім переписує половину, бо структура компонентів незручна для стейту. У нас цього не буде.По ваших пунктах:Гумова адаптивність з перерозподілом карточок — це через CSS Grid з auto-fit/minmax плюс container queries де потрібно, а не через медіа-брейкпоінти. Так сітка реально адаптується під будь-яку ширину без артефактів, навіть за межами дизайн-макетів. Класична помилка — робити все на flex з фіксованими брейкпоінтами, а потім на 1600+px з'являються дірки.Framer Motion — використовуємо LazyMotion щоб не тягнути весь бандл, AnimatePresence для переходів, layout-анімації де це доречно за дизайном. Всі анімації пишемо так, щоб їх можна було вимкнути через prefers-reduced-motion — це дрібниця, але показує рівень.Чистота компонентів — кожен компонент самодостатній, стилі через Tailwind + cva (class-variance-authority) для варіантів, типи пропсів винесені, нічого зайвого в DOM. Фронтендер, який підхопить, зможе накидати логіку без переписування розмітки.По тестовому. Готові виконати. Якщо є можливість — давайте 1-2 екрани середньої складності з анімаціями, щоб ви побачили і верстку, і моушен одразу. Це показує рівень краще, ніж проста картка.По термінах і вартості — після NDA і перегляду макетів дам точну оцінку. Орієнтовно 31 екран з анімаціями і гумовою адаптивністю — це до7 днів роботи(для присокрення роботи можу закликати команду) . Розбиття на етапи — ок, працюємо так часто, зручно всім.

  18. 976    4  0
    14 днів27 000 UAH

    Добрий вечір
    Мене звати Дмитро, представляю компанію King Kong Lab
    Готовий підключитися до проєкту як верстальник React + TypeScript і закрити задачу по UI-компонентах без втручання в бізнес-логіку
    Досвід
    робив верстку інтерфейсів на React (20–50+ екранів)
    працюю з компонентним підходом (перевикористовувані UI)
    pixel-perfect по Figma
    адаптивні “резинові” інтерфейси під різні розміри екранів
    Стек
    React (hooks) + TypeScript
    Tailwind / SCSS
    Framer Motion (анимації)
    Vite
    Git
    Як працюю
    роблю чисті, ізольовані компоненти
    дотримуюсь структури проєкту, щоб зручно було інтегрувати далі
    враховую поведінку інтерфейсу при зміні ширини (не просто адаптив, а responsive layout)
    мінімум правок після здачі
    По обсягу
    31 екран — розумію масштаб, роблю через компонентну систему, щоб прискорити розробку
    По термінах
    2–4 тижні
    Готовий виконати тестове завдання
    Приклади робіт скину в особисті (React UI + верстка по Figma)
    Буду радий співпраці

  19. 11616    44  0
    1 день25 170 UAH

    Вітаю, маю відповідний досвід розробки
    Готовий підписати NDA. Пишіть в особисті
    Буду радий Вам допомогти!

  20. 309  
    10 днів25 170 UAH

    Вітаю! Ми невелика команда, яка більше 4 років займається веб-розробкою та створенням масштабованих UI-систем, і ми готові виконати верстку 31 екрану для вашого проекту «під ключ». Ми реалізуємо якісну структуру компонентів на Vite, забезпечимо строгий типізацію в TypeScript і налаштуємо гнучку сітку на Tailwind CSS, яка буде коректно перерозподіляти контент. Наш досвід більше 4 років дозволяє нам гарантувати високу технічну культуру коду, чистоту SASS-стилів і плавність анімацій, обов'язкових для преміального десктопного софту, ознайомтеся з прикладами наших робіт: freshagro.com.ua, farfieworldwide.com, rivnekolo.com. Досвід: 4 роки у створенні дизайн-систем і бібліотек компонентів. Вартість: ~$1500 (фікс), готовий обговорити деталі в ЛС. Тестове: Без проблем, готовий приступати.

  21. 184  
    14 днів25 170 UAH

    Доброго дня! Ми з колегою більше 4 років професійно займаємося технічним проектуванням та фронтенд-розробкою на стеку React/TS/Tailwind, тому ми допоможемо вам підготувати якісну UI-базу для вашого додатку. Ми реалізуємо фронтенд-аудит ваших макетів у Figma, створимо систему повторно використовуваних компонентів з підтримкою різних роздільних здатностей (від 13" MacBook до широких моніторів) і впровадимо інтерактивні елементи через Framer Motion. Ми забезпечимо технічну бездоганність виконання верстки без візуальних артефактів при зміні розмірів вікна, наш досвід підтверджений успішними кейсами: drkukharevich.rivne.ua, crave-agency.com.ua, jk-solution.com.ua.

  22. 1182    13  0   3
    12 днів24 000 UAH

    Вітаю! Ми з напарником (дизайнер + full-stack) більше 4 років спеціалізуємося на висококласній верстці інтерфейсів на React і TypeScript, тому ми професійно реалізуємо UI-кит для вашого десктоп-додатку. Ми розробимо архітектуру компонентів у Figma перед кодуванням, щоб забезпечити ідеальну «резинову» адаптивність і pixel-perfect відповідність макетам, використовуючи Tailwind CSS для стилізації та Framer Motion для плавних анімацій. Наш досвід більше 4 років дозволяє нам створювати чисті, типізовані компоненти, які легко інтегруються в основний проект; подивіться на наші роботи з точки зору технічної точності та естетики: hyperfi.tech, espressolab.com.ua, hudi.com.ua. Досвід: 4+ роки, реалізовував проекти на 50+ унікальних екранів з глибокою типізацією компонентів. Вартість: Орієнтовно $1200–1800 за весь обсяг (уточню після ознайомлення з описом). Тестове: Готовий виконати в найкоротші терміни.

  23. 312    1  0
    14 днів25 500 UAH

    Доброго дня, виконаю роботу якісно, володію вказаним стеком, приклад дивіться в портфоліо. Відправляйте посилання на фігму, оціню обсяг і скажу про ціну/терміни.

  24. 328  
    15 днів25 170 UAH

    Легко все зроблю маю досвід з react, tailwind css, figma, і також з різними біблеотеками

  25. 246  
    7 днів25 000 UAH

    Доброго дня!

    Мене зацікавив ваш проект — верстка UI-компонентів по Figma для десктоп-додатку.

    Коротко про себе:
    — 10 років досвіду в frontend-розробці
    — Упевнено працюю з React + TypeScript, Tailwind CSS, Framer Motion, Vite, Git
    — Робив верстку переиспользуваних компонентів по Figma, включаючи pixel-perfect, адаптивність та анімації
    — Розумію різницю між версткою UI-компонентів та повною розробкою — готовий працювати в парі з розробником через Git

    По обсягу: робив проекти від 30+ екранів, створював 100+ компонентів за проект.

    По вартості: готовий обговорити після ознайомлення з описом додатку.

    Готовий виконати тестове завдання. Напишіть в особисті повідомлення — обговоримо деталі.

  26. 93799    1268  1   10
    30 днів27 000 UAH

    Доброго дня. Працюю з React/Node.js більше 9+ років. Готовий до співпраці.

  27. 274  
    14 днів27 000 UAH

    Привіт, виконаю все швидко та якісно, звертайтесь, буду радий допомогти .

  28. 7575    13  0
    5 днів26 000 UAH

    Вітаю, маю дуже великий досвід у реакті і впевнений, що виконую вашу задачу на вищому рівні, приклад з останніх робіт https://zem.center/

  29. 558    3  0
    7 днів25 170 UAH

    Привіт! Готовий взяти в роботу. Портфоліо тут - https://mcarrow.online. З повагою, Сергій

  30. 1994    14  1
    10 днів25 000 UAH

    Привіт 😊

    Відразу прикріпляю приклад коду
    https://github.com/Orangeeeeeeeee/template.toka.energy

    Пропоную перейти в особисті повідомлення 📩 та обговорити деталі 💬
    Зроблю все швидко ⚡️ і якісно ✅
    Також прикріплю декілька своїх робіт 💼:

    🌐 https://www.slaters.co.uk/
    🌊 https://www.salt-watersandals.eu/

  31. 10123    117  0
    15 днів25 170 UAH

    Доброго дня.

    Я розробник NodeJS. Маю досвід з React. Готовий взятися. Пишіть, обговоримо.

  32. 488    4  1
    7 днів25 000 UAH

    Доброго дня
    Зацікавив проект

    Готовий максимально швидко і якісно зробити верстку
    Я є Front-end розробником з 6-річним досвідом і з реактом та версткою на ти
    Готовий зробити тестове

    Звертайтеся і давайте обговоримо проект

  33. 5032    47  0
    10 днів25 170 UAH

    Привіт, зацікавивив проект, хотів би поспілкуватись більш детально по ціні, срокам та роботі.Легко можу працювати в парі з іншим розробником через git.
    Маю сильні практичні знання по вашому стекові який потрібен для роботи.
    Буду очікувати відповіді та скиньте також макет, цікаво побачити та проаналізувати обєм, дякую!

  34. 573    5  0
    7 днів25 170 UAH

    Привіт, я працював над проектом з "Folder" з "tag:7748" - розробкою React компонентів з TypeScript для десктоп додатка з 40+ екранами, де створив понад 150 переиспользуемых UI компонентів з Figma дизайну з pixel-perfect версткою та адаптивністю

    Чи планується використання готової дизайн-системи в проекті, чи компоненти будуть створюватися з нуля на базі макетів?

    Пропоную зв'язатися, я безкоштовно проконсультую вас з технічної сторони та складемо план розробки + розповім про мою команду! ⚡

  35. Ще 22 ставки приховано
  • Віктор Н.
    20 квітня, 21:14 |

    Предоставьте дизайн (можно часть) для ознакомления.

    Бюджет окончательный за 31 екран??? 

  • Профіль видалено
    21 квітня, 15:04 |

     Не предоставляем дизайн без подписания NDA. Бюджет окончательный.

  • Віктор Н.
    21 квітня, 16:07 |

    тогда это пальцем в небо... работы может оказаться больше в 5 раз, нежели бюджет

  • Профіль видалено
    22 квітня, 18:58 |

    Можем подписать NDA для оценки

  • Віктор Н.
    22 квітня, 19:50 |

    В ЛС

Актуальні фриланс-проєкти в категорії HTML та CSS верстання

Виправлення помилок, оптимізація конверсії та покращення UX у Shopify-магазині

Требуется досвідчений Shopify-розробник для вирішення наступних завдань: 1. Виправлення критичних помилок JavaScript (пріоритет) У кількох сесіях користувачів фіксуються помилки при додаванні товару в кошик, які призводять до неможливості оформлення замовлення. Помилки…

HTML та CSS верстанняJava ∙ 1 година 54 хвилини тому ∙ 11 ставок

SCSS HTML JS FIGMA Верстка

1000 UAH

Потрібна верстка шаблону з Figma без dev mode. Гарно структурований SCSS, адаптив на ваш россуд, все по секціях. Якщо використовуєте Claude code це великий +. Потрібно ще на вчора. Вказуйте ціну. Потрібно почати сьогодні і закінчити як швидше (бажано завтра в субботу). НЕ…

HTML та CSS верстання ∙ 5 годин 30 хвилин тому ∙ 58 ставок

WordPress website online store

20 000 UAH

Потрібен добрий сайт( на вордпресі) інет магазину(продаж товарів CBD у США).Категорія конкурентна, багато фото/багато товарів, треба зробити оригінально. ТЗ якийсь є. Потім треба буде просувати його в соц.меркжах і Гугл.Не за всі кошти світу поліз, бо реально дуже конкурентне…

HTML та CSS верстання ∙ 6 годин 25 хвилин тому ∙ 42 ставки

Виправити CSS/DOM-верстку карток у Chrome extension для локалізації D&D Beyond

Є Chrome extension Manifest V3, який локалізує сайт D&D Beyond українською. Проєкт написаний на TypeScript + WXT. Розширення працює через content script: знаходить англійський текст на сторінках D&D Beyond і замінює його українським перекладом. Проблема виникла на сторінці:…

HTML та CSS верстанняJavascript та Typescript ∙ 14 годин 26 хвилин тому ∙ 31 ставка

Шукаю людину, хто допоможе наповнити і сайт агенства по рекламі на Вордпресі

створив в клод сторінки і зараз це все зробив на вордпресі. Шукаю людину, хто зможе допомогти наповнити контентом сайт. Швидко і якісно, певні фото мабуть треба буде нагенерувати в джіпіті. я постараюсь допомогти. сторінок приблизно 15

AI обробка текстівHTML та CSS верстання ∙ 2 дні 2 години тому ∙ 40 ставок

Замовник
Профіль видалено


Проєкт опублікований
1 місяць 22 дні тому
728 переглядів
Мітки