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

Доброго дня, пишу від імені компанії Devoxen. Якраз спеціалізуємося на вашій задачі. Можемо зробити без зайвих питань і витрат часу. Також даємо гарантію і за бажанням підтримку.

Показати оригінал

Перекласти

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

Показати оригінал

Перекласти

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

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

Вітаю! Можу акуратно зверстати UI-компоненти з Figma на React + TypeScript так, щоб вони були чистими, перевикористовуваними й коректно адаптувалися під різні desktop-розміри без візуальних поломок. Працюю з Tailwind, Vite, адаптивною версткою та компонентним підходом, тому зможу підготувати код, який ваш фронтенд-розробник легко інтегрує в застосунок. Готовий виконати оплачуване тестове завдання.

Привіт!

Я займаюся версткою інтерфейсів на React + TypeScript (більше 2 років), зосереджуючись на чистих і повторно використовуваних UI-компонентах.

Робив проекти з подібними вимогами:
– адаптивні інтерфейси з “резиновою” поведінкою (flex/grid з перерозподілом елементів)
– UI-компоненти без логіки (для інтеграції іншим розробником)
– pixel-perfect за Figma
– анімації через Framer Motion
…
Використовую: React, TS, Tailwind, Vite.
Добре розумію, як верстати компоненти, які коректно поводяться на широких екранах і не ламаються при зміні розмірів.

Показати оригінал

Перекласти

Доброго дня! Розробляю на Python, React/Node.js виконував схожі проекти, готовий до співпраці.

Доброго дня!
Швидко реалізую ваше завдання.
Поєдную frontend + AI, тому економлю ваш час і даю результат.
Приклади робіт в портфоліо.
Досвід 1.5роки з React
Готовий взяти в роботу.

Вітаю!
https://smart-hubmvk.com/
https://rokka-site-v2.vercel.app/
Працюю з React, сучасними UI-бібліотеками та інструментами, зокрема Tailwind CSS. Створюю адаптивні, продуктивні та структуровані веб-додатки й приділяю велику увагу якості коду,
Чітке виконання ТЗ та активна комунікація.
Постійно вдосконалюю свої навички, відкритий до нових технологій та готовий до цікавих викликів.
Буду радий можливості виконати нове завдання!

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

Для більш точної оцінки проекту, уточніть, будь ласка:
1. Чи є якісь специфічні вимоги до анімацій, які необхідно врахувати під час розробки?
2. Чи потрібно використовувати якісь специфічні бібліотеки або фреймворки для стилізації, окрім зазначених?

Мій підхід до роботи:
1. Я уважно вивчаю макети в Figma і створюю резинові, адаптивні компоненти, які коректно відображаються на всіх зазначених роздільних здатностях.
2. Використовую Tailwind CSS для стилізації та Framer Motion для створення плавних анімацій, роблячи інтерфейс не лише функціональним, але й приємним для користувача.
… 3. Кожен компонент буде повторно використовуваним і легко інтегрованим, а також відповідати принципам піксель-перфект і чистого коду.

Досвід і приклади робіт:
- Верстав інтерфейси для додатків з аналогічною кількістю екранів (28+ екранів), включаючи складні UI-компоненти.

Готовий виконати тестове завдання, щоб продемонструвати свої навички та підхід до роботи. Будь ласка, надішліть макет діалогового вікна для оцінки.

Чекаю Вашої відповіді, щоб обговорити деталі проекту та розпочати співпрацю.

Показати оригінал

Перекласти

Вітаю! Ознайомився із задачею, маю досвід верстки React + TypeScript компонентів з Figma, працюю з Tailwind, Framer Motion та адаптивними “резиновими” layout’ами. Робив подібні задачі з великою кількістю екранів і UI компонентів. Готовий виконати тестове. Можу скинути приклади робіт і обговорити деталі.

Вітаю, ми невеликою командою понад 4 роки розробляємо веб-рішення «під ключ» і маємо значний досвід у створенні презентаційних компонентів для великих систем із використанням Tailwind та SASS. Ми побудуємо логічну ієрархію ваших 28 екранів, впровадимо сувору типізацію на TypeScript та забезпечимо коректну поведінку карток і списків при зміні ширини вікна без жодних поломок. Наш досвід понад 4 роки дозволяє гарантувати високу продуктову культуру, технічну чистоту Git-репозиторію та повну готовність до виконання оплачуваного тестового завдання, обов’язково перегляньте наші реалізовані проєкти: freshagro.com.ua, farfieworldwide.com, rivnekolo.com.

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

Вітаю, ми з напарником (дизайнер + full-stack) понад 4 роки спеціалізуємося на створенні високоякісних інтерфейсів на React та TypeScript, тому професійно реалізуємо верстку ваших 28 екранів із фокусом на "гумову" адаптивність та Pixel Perfect. Ми спроєктуємо архітектуру чистих UI-компонентів у Figma для забезпечення їх повної перевикористовуваності, впровадимо складні анімації через Framer Motion та налаштуємо гнучку сітку за допомогою Tailwind CSS для ідеального відображення на MacBook 13" і великих моніторах. Наш досвід понад 4 роки дозволяє нам створювати структурований код, який легко інтегрується фронтенд-розробником, що гарантує відсутність візуальних артефактів при масштабуванні вікна, подивіться на наші технічні роботи: hyperfi.tech, espressolab.com.ua, hudi.com.ua.

Доброго дня!

Зацікавив ваш проект. Маю досвід розробки інтерфейсів на React (функціональні компоненти, hooks), а також впевнено працюю з HTML/CSS та адаптивною версткою.

Працював з версткою за Figma, приділяю увагу деталям і чистоті коду. Є базовий досвід з TypeScript, активно розвиваюся в цьому напрямку.

Готовий виконати тестове завдання і показати рівень на практиці.

Приклади робіт можу надіслати в особисті повідомлення. Готовий до поетапної роботи та довгострокового співробітництва.

Показати оригінал

Перекласти

28 екранів і адаптив під macbook 13" - обсяг зрозумілий. Я нещодавно верстав адмінку на 40+ екранів, чисто презентаційні компоненти на React + Tailwind, анімації на Framer Motion. Піксель-перфект з Figma і резина без артефактів при ресайзі - мій звичайний режим. Посилання на живі проекти і приклади верстки додам. Готовий до тестового, діалогове вікно за макетом зроблю. Одне питання: в макетах є стани компонентів (hover, focus, disabled) чи це окремо обговорюється?

Показати оригінал

Перекласти

Доброго дня!
Ознайомився з ТЗ — все чітко розписано. Стек повністю збігається: React + TypeScript, Tailwind, Framer Motion, Vite, Figma — все в роботі.
28 екранів з чистими переиспользуваними компонентами, піксель-перфект і резиновий адаптив — задача зрозуміла. Подібний обсяг робив.
Готовий до тестового завдання.
Приклади:
https://ai-desk.ai / https://momicro.com
GitHub: https://github.com/axbuglak
Пишіть, обговоримо деталі.
З повагою, Буглак Олексій

Показати оригінал

Перекласти

Вітаю! Готовий обговорити та виконати Ваше замовлення.

https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/

Доброго дня!

Ознайомився з завданням — формат роботи повністю зрозумілий. Спеціалізуюсь саме на верстці UI-компонентів на React + TypeScript за Figma, з акцентом на чисту архітектуру та повторне використання.

Що можу гарантувати:

🧩 Компонентний підхід
• ізольовані, повторно використовувані UI-компоненти
• зрозуміла структура (atomic / feature-based за необхідності)
… • зручна інтеграція для розробника, який буде підключати логіку

🎯 Pixel-perfect + адаптив
• точне відповідність макетам Figma
• «резинове» верстання без жорстких брейкпоінтів
• коректна робота на широких екранах і невеликих ноутбуках (включаючи 13")
• перерозподіл елементів (гриди, картки тощо) без поломок

⚡ Стек і підхід
• React (hooks) + TypeScript
• Tailwind + за необхідності Sass
• Framer Motion — акуратні, не перевантажені анімації
• Vite + Git
• чистий, читабельний код з зрозумілими назвами

🎬 Досвід
• верстав інтерфейси з великою кількістю екранів (20+), включаючи складні дашборди
• робив адаптивні системи компонентів з динамічними layout'ами
• є досвід роботи з дизайн-системами

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

Щодо термінів і вартості:
пропоную розбити на етапи (по екранах або блоках), після перегляду макетів зможу точно оцінити обсяг.

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

Дякую!

Показати оригінал

Перекласти

Доброго дня.

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

Показати оригінал

Перекласти

Привіт!
Готовий взятися за роботу
Ціна буде 15 000 грн
Пишіть, буду радий співпрацювати )

Показати оригінал

Перекласти

Доброго дня! Ознайомилися з вашим проектом, релевантний досвід є. Готові виконати якісну верстку React-компонентів за Figma з дотриманням pixel-perfect та адаптивності.

Що можемо запропонувати:
• Верстка UI компонентів на React + TypeScript
• Чиста архітектура та повторно використовувані компоненти
• Адаптивна “резинова” верстка під різні роздільні здатності
• Коректна поведінка інтерфейсу при зміні ширини
• Анімації на Framer Motion
• Tailwind / SCSS (за вимогами проекту)
… • Акуратна робота з відступами, типографікою та станами

Досвід:
• Верстали складні інтерфейси (20+ екранів)
• Робили desktop UI з адаптацією під різні розміри вікон
• Працювали з Figma, Git, Vite

Готові виконати тестове завдання та швидко включитися в проект.

Наш сайт: https://benefit-it.net/
З повагою Benefit Studio

Показати оригінал

Перекласти

Доброго дня, є необхідний досвід, зроблю без проблем, також відповіді на питання:
1) Кілька посилань
https://zem.center/
https://chess-217-154-170-186.nip.io/
2) Десятки проектів і сотні екранів, як повністю робив веб-додатки, так і робив окремі компоненти зі сторібоком і передавав далі
3) Оплачуване тестове можу виконати
На всякий випадок, мій гіт https://github.com/onyx144

Показати оригінал

Перекласти

✌️ Привіт
• Я - senior розробник із досвідом більше 8-ми років
👉 Завдання зрозуміле — верстка UI-компонентів за Figma для десктоп-додатку на React + TypeScript
• Якщо ви хочете зберегти свої час і нерви, я - той розробник, якого ви шукаєте.
👉 Останні проєкти: billionbahis.com, isolar.com.ua, mevis.ua, take-transfer.com

Готовий виконати тестове завдання.
Не бачу жодної причини, чому наша співпраця не склалася б 🤝

Добрий день! Готовий розпочати одразу після погодження умов. Я React-розробник з досвідом більше 4 років. Маю за плечима досвід розробки React (Next.js) додатків різної складності та масштабу. В тому числі - і дашборд систем. В продакшені зараз знаходяться кілька проектів, розроблених мною, наприклад https://good-divorce.vercel.app/ - розроблений за допомогою Next.js. Також є дашборд, написаний за допомогою Material UI, але там доступ обмежений, тому, на жаль, посилання дати не зможу. Також в вимогах побачив tailwind - я якраз в останні 2 роки працюю саме з ним у 90% проектів. Потрібно буде визначитися - використовувати його чи SASS, оскільки в об'єднанні цих технологій сенсу не бачу. З framer-motion також маю досвід, дуже зручна бібліотека для React-додатків.

Буду радий співпраці :)

Показати оригінал

Перекласти

Привіт, Олекс!

Готовий підключитися до проекту як React + TypeScript верстальник. Маю досвід збору UI-компонентів за Figma для десктопних додатків з акцентом на чисту архітектуру та адаптивну “резинову” верстку.

Коротко про досвід:
Верстав інтерфейси на 20–40+ екранів (дашборди, SaaS, адмінки)
Працюю з Tailwind, SCSS, Framer Motion (анимації та мікровзаємодії)
Піксель-перфект, увага до деталей, акуратна компонентна структура
Враховую масштабування інтерфейсу (ширше макета, різні роздільні здатності)
…
Що роблю:
Чисті, переиспользувані UI-компоненти
Адаптивну та “резинову” верстку без артефактів
Грамотну розбивку на компоненти для подальшої інтеграції
Анімації через Framer Motion
Підготовку до зручної роботи іншого фронтенд-розробника

Працюю з Git, Vite, дотримуюсь неймінгу та структури проекту.

Готовий виконати оплачуване тестове завдання.

Тут можете подивитися на кілька з моїх проектів:
1. https://6weeks.marketing/
2. https://grandex.de/

Пропоную обговорити деталі та розпочати роботу!

Показати оригінал

Перекласти

Привіт
Мене звати Дмитро
Ознайомився з завданням — готовий підключитися до верстки UI-компонентів на React + TypeScript
Працюю з таким стеком: React, TypeScript, Tailwind, Framer Motion, Vite. Є досвід збору інтерфейсів за Figma з акцентом на pixel-perfect та переиспользувані компоненти
Як підходжу до завдання
— роблю чисті функціональні компоненти з зрозумілою структурою
— враховую адаптивність не тільки під брейкпоінти, а під реальну зміну ширини (flex/grid, резинове верстання)
— компоненти легко масштабуються і переиспользуються
— акуратно реалізую анімації через Framer Motion (без перевантаження)
… Робив проекти з 20+ екранами і великою кількістю UI-компонентів, тому розумію, як підтримувати консистентність і не “ламати” інтерфейс при масштабуванні
Готовність
— готовий виконати тестове завдання
— працюю через Git (чисті коміти, нормальний workflow)
— дотримуюсь термінів і не затягую етапи
Приклади робіт і компонентів скину в особисті (є реальні проекти, не шаблони)
Готовий обговорити деталі і приступити

Показати оригінал

Перекласти

Доброго дня. Зацікавив ваш проект. Кожного дня працюю з цим стеком, ось приклади робіт:
https://acacia-studio-astro-v611.vercel.app/
https://vanshare.pl/
https://delicio-ai.vercel.app/
Всі сайти розроблялись повністю мною. Тестове готовий виконати. Чекатиму відповідь

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

Показати оригінал

Перекласти

Привіт, я працював над проєктом "SaaS Dashboard Interface" з тегом:7748 - створював 35+ UI компонентів для веб-додатку з адаптивною версткою під різні розміри екранів, включаючи MacBook 13". Використав React + TypeScript + Tailwind CSS

Скільки часу зазвичай займає створення анімацій для діалогових вікон у Framer Motion, і чи плануєте інтеграцію з існуючою системою компонентів?

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