Верстальщик 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
- framer motion (для анімацій)
- git
- vite
Що потрібно надати при відповіді:
- Посилання на працюючі сайти, зроблені вами, або приклади верстки React-компонентів з Figma.
- Коротко: досвід верстки подібних проектів (скільки екранів/компонентів робили).
- Коротко: приблизна вартість роботи за весь обсяг.
- Готовність виконати невелике тестове завдання.
Умови:
- Віддалена робота.
- Поетапна розробка з фіксованою оплатою за кожен етап.
- Тестове завдання є частиною основного проекту і оплачується у випадку, якщо ми виберемо вас для виконання всього обсягу робіт.
Додатково
- Дизайн, figma, опис додатку та вся необхідна інформація надаються одразу після погодження.
-
Вітаю! Ми — команда NovaCore Solutions. Працюємо з React, TypeScript, Tailwind та Framer Motion, тому створюємо охайні перевикористовувані компоненти з ідеальною адаптивністю під будь-які екрани. Маємо великий досвід у розробці складних SaaS та real-time інтерфейсів, тож гарантуємо чистоту коду для подальшої підтримки та високу увагу до деталей. Готові виконати тестове завдання та сподіваємося на подальшу співпрацю
-
Привіт, Олексію!
Готовий виконати верстку UI-компонентів за Figma на React + TypeScript з акцентом на чисту архітектуру та повторне використання.
Є досвід роботи 5+ років з компонентним підходом, адаптивною версткою та підготовкою інтерфейсів для подальшої інтеграції (розділення UI та логіки).
💼 Приклади робіт:
https://coinzoomer.com
— реальний дашборд (Laravel/Inertia, API)
https://steamgifts.org
… — система завдань та розіграшів
https://source-byte.com
— контентний сайт з адмінкою
https://dev4rweb.com
📊 Досвід:
Працював з інтерфейсами на десятки екранів, збирав UI на основі дизайн-систем та Figma-макетів з акцентом на масштабованість компонентів.
💰 Оцінка:
Приблизно 400–600 USD за весь обсяг (залежить від складності анімацій та деталей компонентів)
Готовий виконати тестове завдання та працювати поетапно.
-
1526 18 0 Вітаю, виконаю верстку на сучасному стеку Тайлвінд та зроблю максимально чисті компоненти.
-
764 5 1 Доброго дня.
Готовий взяти цей обсяг по React + TypeScript. За описом задача зрозуміла: не розробка всього застосунку, а саме якісна верстка UI-шару по Figma — екрани, чисті переиспользувані компоненти, адаптація під desktop і невеликі ноутбуки, акуратні анімації та підготовка до подальшої інтеграції.
Працюю якраз у такому стеку:
React + TypeScript, Tailwind, Framer Motion, Vite, Git.
Що можу дати по проєкту:
— чисту компонентну структуру;
… — pixel-perfect верстку по Figma;
— переиспользувані UI-компоненти без хаосу в коді;
— адаптацію під desktop / laptop;
— акуратні анімації там, де вони передбачені дизайном;
— готовність працювати поетапно.
Є досвід верстки інтерфейсів і UI-компонентів по Figma для React-проєктів. Розумію різницю між “зробити екрани” і “зібрати нормальний компонентний шар”, з яким далі зручно працювати розробнику логіки.
Готовий виконати невелике тестове завдання.
Посилання на релевантні роботи та приклади компонентів можу одразу надіслати у відповідь.
-
3631 17 0 Доброго дня 👋
Працюю по Figma:
точне відтворення дизайну (spacing, typography, states)
адаптація під різні desktop-розміри (включаючи 13”)
анімації через framer-motion без перегрузу
розбиття на атомарні компоненти (UI-kit рівня кнопки / інпути / модалки / layout)
… Коротко по досвіду:
— верстав проєкти з 30+ екранами
— робив дизайн-системи + бібліотеки компонентів
— працював у зв’язці з окремим frontend/backend розробниками
Використовуваний стек:
Frontend:
React (functional components + hooks)
TypeScript
Tailwind CSS
Framer Motion
Інфраструктура / tooling:
Vite
Git СI/CD
Оцінка:
Готовий обговорити деталі в особистих та стартувати одразу після узгодження.
З повагою,
Андрій!
-
2221 22 0 Доброго дня.
Виконаю все дешево, швидко та професійно. Гарантую якість виконаної роботи👍
-
866 3 0 Доброго дня. Готовий взятись.
Приклади робіт:
1. https://vanshare.pl/
2. https://levtrans.notfounds.dev/
Готовий виконати тестове завдання. Чекаю на деталі проекту та Figma.
-
421 5 0 Вітаю!
Мене зацікавив ваш проєкт, маю досвід розробки на React + TypeScript. Спеціалізуюся саме на створенні чистих, перевикористовуваних UI-компонентів із суворим дотриманням адаптивності.
Приклад моєї роботи з логікою та інтерфейсом (React + Tailwind) можна подивитися тут: https://www.logicverto.com/aplikacja — це інтерактивний калькулятор, де я реалізував складну структуру компонентів та адаптивний дизайн.
-
186 Маю досвід розробки веб додатків.
Основний стек - Реакт.
Готовий взяти в роботу.
-
459 10 0 Вітаю!
1) Можу продемонструвати продукт над яким працював розшаривши екран, він є закритим з обмеженими доступами тож не має сенсу лишати посилання.
2) Побудував з нуля React FE системи аналітики для B2B клієнтів (14 сторінок з різноманітними звітами такими як воронки, RFM, дашборд та багато іншого) . Впровадив storybook котрий слугував UI бібліотекою компонентів для продукту.
3) Потрібно детальніше дослідити всі завдання, побачити макети, зрозуміти технічні вимоги та обмеження.
4) Можна. Як раз завдання дасть конкретніше зрозуміти основний вектор завдань
-
284 Доброго дня
Мене звати Ангеліна, представляю компанію King Kong Lab
Є досвід верстки UI на React + TypeScript за Figma, робили проекти з великою кількістю екранів і компонентною архітектурою. Працювали з Tailwind і Framer Motion, вміємо робити акуратні анімації і дотримуватись pixel-perfect
Розуміємо задачу як чисту верстку компонентів без бізнес-логіки, з фокусом на переиспользуваність і чисту структуру коду. Працюємо з хуками, типізацією, дотримуємось єдиного стилю і готуємо компоненти зручні для подальшої інтеграції
Робили проекти з 20–50+ екранами, збирали бібліотеки компонентів для інтерфейсів, приклади можемо надіслати в особисті повідомлення
Готові працювати поетапно і виконати тестове завдання
Можемо підключитися найближчим часом
Буду рада співпраці
-
422 1 0 Доброго дня!
Мене дуже зацікавила ваша пропозиція. Я — FullStack Web-розробник із досвідом у таких стеках, як PERN, MERN, PEVN, MEVN. Працюю з сучасними технологіями: Node.js (NestJS), React.js (Next.js), PostgreSQL та іншими інструментами з екосистеми JavaScript.
Ось що я можу вам запропонувати:
- Чистий та підтримуваний код — використовую ESLint і Prettier, щоб код був структурований, читабельний та легко підтримувався;
- Зрозуміла архітектура — вся структура проєкту буде логічною, без хаосу й «заплутаних лісів»;
- Сучасні технології — використання актуальних рішень як на фронтенді, так і на бекенді;
- Якісна й своєчасна розробка — працюю відповідально, дотримуюсь дедлайнів;
… - Адаптивний дизайн в pixel-perfect;
- Локалізація сайту;
- SEO — оптимізація для пошукових ботів;
- Чітке виконання вимог — усе буде реалізовано відповідно до поставленого ТЗ.
Якщо ви шукаєте якість, чисту архітектуру та відповідального виконавця — я на зв’язку!
-
562 Привіт! Маю понад 2 роки досвіду верстки UI-компонентів на React + TypeScript з Figma, включаючи адаптивність та анімації. Реалізовую чисті, перевикористовувані компоненти з дотриманням pixel-perfect.
Маю досвід роботи з Tailwind CSS, однак у проєктах із великою кількістю UI-компонентів віддаю перевагу CSS/SCSS, оскільки це дозволяє будувати більш чисту та масштабовану архітектуру стилів. При цьому комфортно працюю з Tailwind, якщо це передбачено стеком проєкту.
Готова розпочати роботу вже сьогодні. Орієнтовна ставка — 8–9$/год.
Приклад верски: https://kids-story-delta.vercel.app
-
242 Вітаю!
https://smart-hubmvk.com/
Працюю з React, сучасними UI-бібліотеками та інструментами, зокрема Tailwind CSS. Створюю адаптивні, продуктивні та структуровані веб-додатки й приділяю велику увагу якості коду,
Чітке виконання ТЗ та активна комунікація.
Буду радий можливості виконати нове завдання!
Пишіть у приват, обговоримо
-
117 3 0 1 Привіт!
Я побачив ваш проект, і він мені цікавий. Я маю досвід як в аутсорсингу, так і в продуктовій розробці, і я чудово працюю в команді.
🔥 Мої ключові навички:
✅ Розробка та доопрацювання сайтів на WordPress
✅ Створення кастомних тем та плагінів
✅ Оптимізація швидкості завантаження та SEO
✅ Інтеграція API та зовнішніх сервісів
✅ Підтримка та доопрацювання існуючих проектів
…
💻 Технології:
WordPress, PHP, HTML, CSS, JavaScript, React, Vue, WooCommerce, ACF, Elementor, Git
Якщо вам важливе якісне та надійне рішення – готовий обговорити деталі. Можна зв'язатися тут або у зручному форматі.
Що думаєте? Буду радий співпраці!
-
265 Доброго дня!
Мене звати Ярослав. Я маю великий досвід у верстці UI-компонентів на React + TypeScript, працював із проєктами на 20-50+ екранів, де критично важлива pixel-perfect відповідність макетам із Figma, адаптивність під різні розміри екранів та створення чистих, перевикористовуваних компонентів.
Добре розумію формат задачі - саме верстка без бізнес-логіки, з акцентом на якісний UI. Працюю з Tailwind, Framer Motion (анімації), Vite, дотримуюсь чистої структури коду та Git-процесів.
Можу одразу після більш детального обговорення ТЗ приступити до роботи.
Пропоную перейти в особисті повідомлення для більш детального обговорення ТЗ, строків та вартості.
-
313 Доброго дня!
Мене зацікавив ваш проект. Я займаюся фронтенд-розробкою та адаптивною версткою на React + TypeScript, працюю з Tailwind CSS, Framer Motion, Vite та Git.
Є досвід створення повторно використовуваних UI-компонентів за Figma, адаптації під різні розміри екранів, pixel perfect верстки та роботи з чистою структурою компонентів. Також є досвід створення анімацій та складних інтерфейсів.
Працював над проектами з великою кількістю екранів та компонентів, включаючи форми, списки, фільтрацію, картки, галереї, адаптивні інтерфейси та мобільні екрани.
Готовий виконати невелике тестове завдання.
…
Приклади робіт:
— сайт-портфоліо
— адаптивні React/Tailwind проекти
— UI-компоненти та екрани за Figma
— проекти з повторно використовуваними компонентами та анімаціями
Щодо вартості та етапів роботи готовий обговорити після ознайомлення з дизайном та обсягом екранів.
Буду радий співпраці!
-
326 Доброго дня!
Готовий допомогти з версткою UI-компонентів для вашого десктопного застосунку. Маю впевнений досвід роботи з React + TypeScript, працюю з функціональними компонентами та хуками, активно використовую Tailwind і Framer Motion для анімацій. Добре орієнтуюсь у Figma, звик працювати pixel-perfect та робити чисті, перевикористовувані компоненти.
-
310 Доброго дня!
Маю понад 5 років досвіду у фронтенд-розробці, спеціалізуюсь саме на верстці інтерфейсів та створенні компонентів Next/React. Працював з проектами, де реалізовував 20+ екранів, включаючи адаптив під різні розміри екранів та верстку.
Приклади робіт:
* https://www.vinovest.co/ — інвестиційна платформа для роботи з вином та віскі (часткове виконання робіт)
* https://getkidas.com/ -- реакт дашборд для відстежування статистики з додатку
* https://skicka.co/ -- десктоп MVP для управління медіатекою та створення на її основі окремих презентацій
Вартість готовий обговорити після ознайомлення з макетами. Готовий виконати тестове завдання.
…
Буду радий співпраці!
-
9944 117 0 Вітаю.
Я NodeJS розробник. Маю досвід з React. Готовий взятися. Пишіть, обговоримо.
-
304 1 0 Доброго дня!
Маю ~4 роки досвіду роботи з React + TypeScript, займаюся версткою інтерфейсів на Figma: дашборди, форми, таблиці, UI-компоненти. Маю досвід з Framer Motion для анімацій та добре розумію різницю між презентаційними компонентами та логікою застосунку. Адаптивність під різні пристрої через Tailwind - стандартна задача, з якою я регулярно працюю.
Готовий виконати тестове завдання і працювати поетапно.
Можу розпочати після ознайомлення з Figma-макетом - напишіть, зручно обговорити деталі?
-
1675 28 1 1 Вітаю!
Готовий виконати проєкт.
Рейт - 15$
Приклади моїх робіт:
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 Доброго дня
Мій стек:
Frontend: Next.js, TailwindCSS, Framer Motion, Redux,
Backend: NestJS, Prisma, Redis
База даних: PostgreSQL
Посилання на портфоліо: https://aleksandr-t.vercel.app/en
Оцінка залежить від складності дизайну
Готовий зробити тестове завдання
-
336 Привіт!
Я дуже зацікавлений у вашому проекті і готовий допомогти.
Про мене: У мене більше 4 років досвіду в розробці Backend/Node.js, Front-End з Vue.js/Nuxt.js та React.js/Next.js, виключно на великих комерційних проектах. Я працював у великих командах, а також маю досвід самостійної розробки програмного забезпечення.
Мій GitHub: https://github.com/virus231
LinkedIn: https://www.linkedin.com/in/vladyslav-prodan-4865891a0/
Не соромтеся зв'язатися зі мною!
-
Вітаю. А як без дизайну оцінити роботу? Це як пальцем в небо такати
-
17 500 за 31 страницу... От куда вы такие расценки берете?
-
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Лендінг для школи англійської
13 500 UAH
Шукаємо дизайнера + верстальника лендингу (Wix / WordPress / Weblium) Привіт! Шукаємо виконавця на дизайн і верстку лендингу курсу англійської мови. Що треба: — дизайн і верстка лендингу на 12 блоків; — дві сторінки оплати: успішна /неуспішна; — адаптив під мобільні; —… HTML та CSS верстання, Дизайн інтерфейсів (UI/UX) ∙ 2 години 22 хвилини тому ∙ 62 ставки |
Верстка React/Tailwind компонента для друку бланка А4Потрібно поправити UI/UX дизайн та геометрію одного React-компонента (шаблон клінічної карти для друку в PDF) Весь функціонал, масиви даних та логіка вже написані й працюють — потрібна суто косметика, правильні відступи та позиціонування елементів за допомогою Tailwind CSS Стек… HTML та CSS верстання, Javascript та Typescript ∙ 3 години 28 хвилин тому ∙ 33 ставки |
Адаптивна верстка сайту з анімацієюПотрібно сверстати сайт за готовим дизайном з Figma. Адмінка сайту - Laravel - viar-art.pl Сайт має бути сучасним, адаптивним, швидким і зручним для користувача. Верстка повинна точно відповідати макету, коректно відображатися на мобільних пристроях, планшетах і комп'ютерах.… HTML та CSS верстання, Створення сайту під ключ ∙ 14 годин 49 хвилин тому ∙ 74 ставки |
Оновити кастомний фронтенд на Prestashop
10 000 UAH
Потрібно доопрацювати та оновити кастомну тему інтернет-магазину на PrestaShop. Дизайн вже існує, але були внесені правки (вирівнювання елементів, UI-адаптації), які потрібно акуратно інтегрувати та довести до стабільного вигляду. Задачі: Оновлення та оптимізація кастомної теми… HTML та CSS верстання ∙ 20 годин 10 хвилин тому ∙ 31 ставка |
Webflow розробник для заповнення сторінок портфоліо на сайтіЄ сайт розроблений кастомно на вебфлоу для будівельної компанії, потрібно швидко заповнити сторінки проектів за одним шаблоном (замінити картинки і тексти) Для 2 мов Кількість - 6 штук Готові починати asap, дякую! HTML та CSS верстання, Веб-програмування ∙ 2 дні 14 годин тому ∙ 51 ставка |