Верстальщик React + TypeScript: создание UI-компонентов по Figma для десктоп-приложения
27 000 UAHИщем верстальщика на 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-сценариев и “это очевидно” без описания.
-
Привет 😊
Сразу прикрепляю пример кода
https://github.com/Orangeeeeeeeee/template.toka.energy
Предлагаю перейти в личные сообщения 📩 и обсудить детали 💬
Сделаю все быстро ⚡️ и качественно ✅
Также прикреплю несколько своих работ 💼:
… 🌐 https://www.slaters.co.uk/
🌊 https://www.salt-watersandals.eu/
-
Изучив ваш проект, понимаю, что требуется верстка UI-компонентов по готовым макетам из Figma для desktop-приложения. Тут основная задача - создать адаптивные и переиспользуемые компоненты, которые корректно перераспределяются при изменении ширины окна. Это может потребовать внимания к деталям, особенно при работе с различными размерами экранов. Что касается технической реализации, я предлагаю использовать функциональные компоненты React с хуками и внедрение анимаций через Framer Motion, чтобы обеспечить плавность интерфейса. Учитывая объем в 31 экран, подъемный риск заключается в необходимости тщательно следить за адаптивностью и кроссбраузерностью, чтобы избежать визуальных артефактов. Хотел бы уточнить, есть ли специфические требования к анимациям или переходам между экранами? И также, есть ли возможность получить доступ к макетам для более точной оценки сложности? По моим оценкам, стоимость проекта составит 30000 гривен, с сроком выполнения 5 дней. Эта сумма учитывает сложность работы, возможность интеграции и адаптации. Реальная стоимость будет выше 27000 гривен, поскольку это технический лимит платформы. Готов приступить к выполнению тестового задания, чтобы продемонстрировать качество работы.
-
Привет, я работал над проектом с "Folder" с "tag:7748" - разработкой React компонентов с TypeScript для десктоп приложения с 40+ экранами, где создал более 150 переиспользуемых UI компонентов из Figma дизайна с pixel-perfect версткой и адаптивностью.
Планируется ли использование готовой дизайн-системы в проекте, или компоненты будут создаваться с нуля на основе макетов?
Предлагаю связаться, я бесплатно проконсультирую вас с технической стороны и составим план разработки + расскажу о моей команде! ⚡
-
262 Объем выглядит значительно больше бюджета. Ориентировочно это 120+ часов работы. Могу предложить поэтапную оплату или пересмотреть бюджет после первого этапа.
-
3025 37 0 1 Здравствуйте. Сделаю скидку на работу с react. В основном работаю на angular. Но сейчас изучаю react. Все вышеперечисленное знакомо работаю с этим каждый день кроме react. Сверстаю все компоненты. Цену обсудим в лс.
https://mallorcab.com/en/home/
-
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.
-
1246 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 Здравствуйте, выполню работу качественно, владею указанным стеком, пример смотрите в портфолио. Отправляйте ссылку на фигму, оценю обьем и скажу по цене\срокам
-
4508 6 0 Сверстаю 31 экран чистых React-компонентов по Figma с резиновой адаптацией под ПК и MacBook 13". Подход: atomic-компоненты на Tailwind с CSS Grid для динамического перераспределения карточек, типизация через TypeScript-интерфейсы пропсов, анимации через Framer Motion variants для переиспользования без дублирования кода. Вопрос: есть ли в дизайне единая Design System с токенами цветов и типографики, или каждый экран сверстан независимо?
-
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+ компонентов за проект.
По стоимости: готов обсудить после ознакомления с описанием приложения.
Готов выполнить тестовое задание. Напишите в личные сообщения — обсудим детали.
-
93843 1268 1 10 Здравствуйте.Работаю с React/Node.js более 9+ лет.Готов к сотрудничеству.
-
274 Привет, выполню всё быстро и качественно, обращайтесь, буду рад помочь.
-
7575 13 0 Приветствую, имею очень большой опыт в реакте и уверен, что выполнь вашу задачу на высшем уровне , пример из последних работ https://zem.center/
-
558 3 0 Привет! Готов взять в работу. Портфолио тут - https://mcarrow.online.
С уважением, Сергей
-
10123 117 0 Здравствуйте.
Я NodeJS разработчик. Есть опыт с реактом. Готов взяться. Пишите, обсудим.
-
488 4 1 Добрый день
Заинтересовал проект
Готов максимально быстро и качественно сделать верстку
Я являюсь Front-end разработчиком с 6 лет опыта и с реактом и версткой на ты
Готов сделать тестовое
Обращайтесь и давайте обсудим проект
-
5079 47 0 Здравствуйте, заинтересовал проект, хотел бы пообщаться более детально по цене, срокам и работе. Легко могу работать в паре с другим разработчиком через git. У меня сильные практические знания по вашему стеку, который нужен для работы. Буду ждать ответа и скиньте также макет, интересно увидеть и проанализировать объем, спасибо!
-
Предоставьте дизайн (можно часть) для ознакомления.
Бюджет окончательный за 31 екран???
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Верстальщик для multi-page advertorial сайта (Health Media) — вайб-кодинг, чистый код
6654 UAH
Нужно создать многостраничный сайт в стиле health media, по образцу healthinsider.news. Не просто лендинг — полноценный псевдо-редакционный сайт (advertorial), под который будет литься трафик с Meta Ads. ВАЖНО: задача делается через вайб-кодинг (AI-assisted coding / vibe… HTML и CSS верстка, Веб-программирование ∙ 3 часа 13 минут назад ∙ 37 ставок |
Обновление дизайна на сайтеНужно обновить дизайн существующего сайта используя HTML, CSS, JS: освежить внешний вид, сделать его современным и адаптивным под мобильные устройства. Требуется добавить плавные анимации и интерактивные элементы . HTML и CSS верстка, Javascript и Typescript ∙ 1 день 7 часов назад ∙ 84 ставки |
Ищу специалиста по WordPress/Elementor/Woo, который имеет большой опыт работы с шаблоном Woodmart
5000 UAH
Необходимо обновить визуал и структуру интернет-магазина стоматологических товаров (ссылку отправлю в ЛС) Сайт работает на связке WordPress + WooCommerce. Шаблон — Woodmart. Задача: Обновление шапки (header), подвала (footer) и контента на главной странице согласно готовому… CMS, HTML и CSS верстка ∙ 1 день 10 часов назад ∙ 34 ставки |
Верстка сайтаТехническое задание на верстку сайта. Писал чат гпт Ссылка на дизайн -https://www.figma.com/file/bBuR3yG2eSzLpBcBJURNZi?node-id=60:397&t=zQ9Kln2RtyBgNHKw-1&locale=en&type=design Общая информация Необходимо выполнить адаптивную кроссбраузерную верстку сайта на основе… HTML и CSS верстка ∙ 1 день 11 часов назад ∙ 113 ставок |
Внесение правок и доработок на сайт согласно ТЗОписание проекта Необходимо выполнить комплекс доработок сайта zvilnymo.ua в соответствии с предоставленным техническим заданием. Основная цель работ — повышение конверсии сайта, улучшение пользовательского опыта, оптимизация формы захвата лидов и усиление доверия потенциальных… HTML и CSS верстка, Веб-программирование ∙ 1 день 14 часов назад ∙ 43 ставки |