Верстальщик React + TypeScript: створення UI-компонентів за Figma для десктоп-додатку
Шукаємо верстальника на react + typescript, який виконає верстку ui компонентів за готовим дизайном з figma для десктопного додатку.
Обсяг роботи
- Приблизно 31 основний екран (за готовим дизайном).
- Верстка презентаційних (чистих ui) react-компонентів.
- Адаптивність: під стандартні екрани пк/ноутбуків і маленькі ноутбуки (macbook 13" та аналогічні) відповідно до дизайну.
Інтерфейс має бути резиновим і коректно адаптуватися при зміні ширини вікна (включаючи розміри, що перевищують дизайн-макети).
Елементи мають перерозподілятися залежно від доступного простору (наприклад, збільшення кількості карток в рядку), без появи візуальних артефактів і поломок. - Чисті, переиспользувані компоненти.
Важливо:
Це саме верстка компонентів, а не розробка всього додатку. Логіку, стан, інтеграцію компонентів та іншу розробку виконуватиме окремий фронтенд розробник.
Вимоги
- Досвід розробки від 1,5 років.
- Впевнене володіння react (функціональні компоненти, хуки) + typescript.
- досвід розробки анімацій.
- Досвід роботи з tailwind css та framer motion.
- Відмінний рівень html.
- Досвід роботи з figma.
- Увага до деталей, піксель-перфект і чистий, добре структурований код.
- Володіння git
Стек
- javascript/typescript
- react
- tailwind
- sass
- framer motion (для анімацій)
- git
- vite
Що потрібно надати при відповіді:
- Посилання на працюючі сайти, зроблені вами, або приклади верстки React-компонентів з Figma.
- Коротко: досвід верстки подібних проектів (скільки екранів/компонентів робили).
- Готовність виконати невелике оплачуване тестове завдання.
На етапі відбору передбачено невелике тестове завдання (частина реального проекту). Тестове видається обмеженій кількості кандидатів і оплачується виконавцю, чий результат буде обрано.
Завдання - сверстати діалогове вікно за макетом у Figma.
При відповідності результату вимогам робота приймається і оплачується, далі можливе продовження співпраці.
Формат - безпечна угода через фриланс-платформу.
Умови:
- Віддалена робота.
- Проект буде розбитий на етапи.
- Вартість проекту фіксована і узгоджується заздалегідь перед початком співпраці.
Додатково
- Опис додатку та вся необхідна інформація надаються одразу після узгодження.
- Дизайн надається після початку співпраці і тільки після підписання NDA.
-
Бачу задачу як якісну UI-верстку без зайвої логіки: тут критичні pixel-perfect, акуратна адаптивність і чисті переиспользовні компоненти. Я працюю з React + TypeScript, Tailwind і Framer Motion, тому зможу зібрати екрани так, щоб вони коректно перерозподілялись на різних ширинах без зламів і артефактів.
У NovaCore Solutions веду повний цикл SaaS/UI-продуктів і окремо верстав складні CRM та десктопні інтерфейси. Можу швидко включитись у тестове й дати прогноз по всьому обсягу після перегляду Figma.
-
Вітаю! Добре бачу задачу: тут важливі не просто «прикрутити» Figma, а зібрати чисті, переиспользовні React-компоненти, які акуратно тримаються на різних ширинах і не ламаються при розтягуванні вікна. Я працюю з React + TypeScript, Tailwind і Framer Motion, тож можу одразу закласти структуру, адаптивність і плавні анімації без зайвого коду. Маю досвід верстки UI з Figma для складних інтерфейсів і люблю pixel-perfect. Готовий показати приклади та пройти тестове.
-
Доброго вечора. Готовий взятися за ваш проект, цілком і повністю. Питань по задачі немає, є тільки уточнення: в Figma все структуровано, є всі стани, розміри, відступи, ассети та анімації описані нормально? Був досвід з великою компанією, що був безлад, багато прихованих станів, модалок, таблиць, hover/focus/empty/loading-сценаріїв і “це очевидно” без опису.
-
Сверстаю 31 екран чистих React-компонентів по Figma з резиновою адаптацією під ПК та MacBook 13". Підхід: atomic-компоненти на Tailwind з CSS Grid для динамічного перерозподілу карток, типізація через TypeScript-інтерфейси пропсів, анімації через Framer Motion variants для повторного використання без дублювання коду. Питання: чи є в дизайні єдина Design System з токенами кольорів та типографіки, чи кожен екран сверстан незалежно?
-
Вивчив ваш проект, розумію, що потрібна верстка UI-компонентів за готовими макетами з Figma для десктопного додатку. Тут основне завдання - створити адаптивні та повторно використовувані компоненти, які коректно перерозподіляються при зміні ширини вікна. Це може вимагати уваги до деталей, особливо при роботі з різними розмірами екранів. Що стосується технічної реалізації, я пропоную використовувати функціональні компоненти React з хуками та впровадження анімацій через Framer Motion, щоб забезпечити плавність інтерфейсу. Враховуючи обсяг у 31 екран, підйомний ризик полягає в необхідності ретельно стежити за адаптивністю та кросбраузерністю, щоб уникнути візуальних артефактів. Хотів би уточнити, чи є специфічні вимоги до анімацій або переходів між екранами? І також, чи є можливість отримати доступ до макетів для більш точної оцінки складності? За моїми оцінками, вартість проекту складе 30000 гривень, з терміном виконання 5 днів. Ця сума враховує складність роботи, можливість інтеграції та адаптації. Реальна вартість буде вищою за 27000 гривень, оскільки це технічний ліміт платформи. Готовий розпочати виконання тестового завдання, щоб продемонструвати якість роботи.
-
262 Обсяг виглядає значно більшим за бюджет. Орієнтовно це 120+ годин роботи. Можу запропонувати поетапну оплату або переглянути бюджет після першого етапу
-
3025 37 0 1 Доброго дня. Зроблю знижку на роботу з react. В основному працюю на angular. Але зараз вивчаю react. Все вищеперелічене знайоме, працюю з цим кожен день, крім react. Зроблю всі компоненти. Ціну обговоримо в лс.
-
4429 80 1 4 Довіртеся професіоналу зі стажем понад 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/
-
1090 11 1 Привіт! Я розробник з досвідом роботи в React та TypeScript, готовий взятися за верстку UI-компонентів для вашого десктоп-додатку. Впевнений, що зможу створити резиновий та піксель-перфектний дизайн відповідно до макетів Figma. Готовий виконати тестове завдання та надати приклади моєї роботи з React-компонентами. Обговоримо деталі!
-
136 1 0 Доброго дня!
Маю понад 5 років досвіду у фронтенд-розробці, працюю з React + TypeScript, Tailwind та компонентною архітектурою. Є досвід верстки інтерфейсів на десятки екранів з акцентом на pixel-perfect, адаптивність та повторне використання компонентів.
Розумію задачу: чисті UI-компоненти без логіки, з коректною “резиновою” поведінкою інтерфейсу під різні розміри екранів.
💼 Приклади проектів надішлю в особисті повідомлення.
📊 Досвід:
… Працював з проектами 20–50+ екранів, збирав дизайн-системи та UI-бібліотеки для подальшої інтеграції.
💰 Оцінка:
Орієнтовно 500–700 USD за весь обсяг (уточню після перегляду макетів)
Готовий працювати поетапно.
-
265 Доброго дня!
Є 3+ роки досвіду у frontend-розробці на React + TypeScript, верстці UI-компонентів за Figma, роботі з Tailwind CSS, Sass, Framer Motion, Vite та Git.
Можу виконати верстку чистих презентаційних компонентів за готовим дизайном: адаптив під desktop та маленькі ноутбуки, резинову поведінку інтерфейсу, переиспользувані компоненти, акуратну структуру коду та pixel-perfect за макетами.
Пропоную обговорити деталі, а також вартість і терміни в особистих повідомленнях.
-
446 1 0 Доброго дня, досвід є. Ось останній сайт, також в портфоліо + github
Anular/React/Next
Backend: Asp.net, axum, nest
https://avero-doors.com.ua/
-
15075 32 0 1 Добрий день!
Мене звати Валентин, і я представляю Arctic Web Agency. Ми - команда яка спеціалізується на створенні сучасних та ефективних рішень для бізнесу.В особисті повідомлення зможу надати приклади наших схожих робіт. Готові взяти ваш проєкт до роботи!
З повагою
Arctic Web Team
Freelancehunt
-
298 Олекс, добрий день!
Чи можна уточнити щодо бажаної дати старту та термінів? І це погодинна оплата чи фіксована ціна?
-
307 1 0 Доброго дня!
Зацікавила ваша пропозиція — якраз спеціалізуюсь на верстці 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
Готовий:
— Оцінити проект після отримання деталей
— Виконати тестове завдання
— Працювати поетапно в рамках вашого процесу
Буду радий обговорити деталі та оцінку проекту після ознайомлення з ТЗ.
Дякую!
-
346 Добрий день! Готовий взятися за верстку UI-компонентів для вашого додатка.
Коротко про досвід:
Стек: React/Next/TS/Tailwind/Framer Motion/Vite.
Робив проєкти на 30-50 екранів з повною адаптивністю під десктоп.
Приклади адаптивності - https://rentlem.com/
…
Вартість: від 25000$ за весь проєкт.
Тестове: готовий виконати.
NDA: без проблем.
Напишіть, будь ласка, в особисті для ознайомлення з описом проєкту.
-
1872 9 0 Доброго дня!Проєкт зрозумілий. 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 днів роботи(для присокрення роботи можу закликати команду) . Розбиття на етапи — ок, працюємо так часто, зручно всім.
-
976 4 0 Добрий вечір
Мене звати Дмитро, представляю компанію 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)
Буду радий співпраці
-
11616 44 0 Вітаю, маю відповідний досвід розробки
Готовий підписати NDA. Пишіть в особисті
Буду радий Вам допомогти!
-
309 Вітаю! Ми невелика команда, яка більше 4 років займається веб-розробкою та створенням масштабованих UI-систем, і ми готові виконати верстку 31 екрану для вашого проекту «під ключ». Ми реалізуємо якісну структуру компонентів на Vite, забезпечимо строгий типізацію в TypeScript і налаштуємо гнучку сітку на Tailwind CSS, яка буде коректно перерозподіляти контент. Наш досвід більше 4 років дозволяє нам гарантувати високу технічну культуру коду, чистоту SASS-стилів і плавність анімацій, обов'язкових для преміального десктопного софту, ознайомтеся з прикладами наших робіт: freshagro.com.ua, farfieworldwide.com, rivnekolo.com. Досвід: 4 роки у створенні дизайн-систем і бібліотек компонентів. Вартість: ~$1500 (фікс), готовий обговорити деталі в ЛС. Тестове: Без проблем, готовий приступати.
-
184 Доброго дня! Ми з колегою більше 4 років професійно займаємося технічним проектуванням та фронтенд-розробкою на стеку React/TS/Tailwind, тому ми допоможемо вам підготувати якісну UI-базу для вашого додатку. Ми реалізуємо фронтенд-аудит ваших макетів у Figma, створимо систему повторно використовуваних компонентів з підтримкою різних роздільних здатностей (від 13" MacBook до широких моніторів) і впровадимо інтерактивні елементи через Framer Motion. Ми забезпечимо технічну бездоганність виконання верстки без візуальних артефактів при зміні розмірів вікна, наш досвід підтверджений успішними кейсами: drkukharevich.rivne.ua, crave-agency.com.ua, jk-solution.com.ua.
-
1182 13 0 3 Вітаю! Ми з напарником (дизайнер + 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 за весь обсяг (уточню після ознайомлення з описом). Тестове: Готовий виконати в найкоротші терміни.
-
312 1 0 Доброго дня, виконаю роботу якісно, володію вказаним стеком, приклад дивіться в портфоліо. Відправляйте посилання на фігму, оціню обсяг і скажу про ціну/терміни.
-
328 Легко все зроблю маю досвід з react, tailwind css, figma, і також з різними біблеотеками
-
246 Доброго дня!
Мене зацікавив ваш проект — верстка UI-компонентів по Figma для десктоп-додатку.
Коротко про себе:
— 10 років досвіду в frontend-розробці
— Упевнено працюю з React + TypeScript, Tailwind CSS, Framer Motion, Vite, Git
— Робив верстку переиспользуваних компонентів по Figma, включаючи pixel-perfect, адаптивність та анімації
— Розумію різницю між версткою UI-компонентів та повною розробкою — готовий працювати в парі з розробником через Git
…
По обсягу: робив проекти від 30+ екранів, створював 100+ компонентів за проект.
По вартості: готовий обговорити після ознайомлення з описом додатку.
Готовий виконати тестове завдання. Напишіть в особисті повідомлення — обговоримо деталі.
-
93799 1268 1 10 Доброго дня. Працюю з React/Node.js більше 9+ років. Готовий до співпраці.
-
274 Привіт, виконаю все швидко та якісно, звертайтесь, буду радий допомогти .
-
7575 13 0 Вітаю, маю дуже великий досвід у реакті і впевнений, що виконую вашу задачу на вищому рівні, приклад з останніх робіт https://zem.center/
-
558 3 0 Привіт! Готовий взяти в роботу. Портфоліо тут - https://mcarrow.online. З повагою, Сергій
-
1994 14 1 Привіт 😊
Відразу прикріпляю приклад коду
https://github.com/Orangeeeeeeeee/template.toka.energy
Пропоную перейти в особисті повідомлення 📩 та обговорити деталі 💬
Зроблю все швидко ⚡️ і якісно ✅
Також прикріплю декілька своїх робіт 💼:
… 🌐 https://www.slaters.co.uk/
🌊 https://www.salt-watersandals.eu/
-
10123 117 0 Доброго дня.
Я розробник NodeJS. Маю досвід з React. Готовий взятися. Пишіть, обговоримо.
-
488 4 1 Доброго дня
Зацікавив проект
Готовий максимально швидко і якісно зробити верстку
Я є Front-end розробником з 6-річним досвідом і з реактом та версткою на ти
Готовий зробити тестове
Звертайтеся і давайте обговоримо проект
-
5032 47 0 Привіт, зацікавивив проект, хотів би поспілкуватись більш детально по ціні, срокам та роботі.Легко можу працювати в парі з іншим розробником через git.
Маю сильні практичні знання по вашому стекові який потрібен для роботи.
Буду очікувати відповіді та скиньте також макет, цікаво побачити та проаналізувати обєм, дякую!
-
573 5 0 Привіт, я працював над проектом з "Folder" з "tag:7748" - розробкою React компонентів з TypeScript для десктоп додатка з 40+ екранами, де створив понад 150 переиспользуемых UI компонентів з Figma дизайну з pixel-perfect версткою та адаптивністю
Чи планується використання готової дизайн-системи в проекті, чи компоненти будуть створюватися з нуля на базі макетів?
Пропоную зв'язатися, я безкоштовно проконсультую вас з технічної сторони та складемо план розробки + розповім про мою команду! ⚡
-
Предоставьте дизайн (можно часть) для ознакомления.
Бюджет окончательный за 31 екран???
-
Актуальні фриланс-проєкти в категорії 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 ставок |