Верстальщик React + TypeScript: создание UI-компонентов по Figma для десктоп-приложения
26 400 UAHИщем верстальщика на react + typescript, который выполнит верстку ui компонентов по готовому дизайну из figma для десктоп приложения.
Объём работы
- Примерно 28 основной экран (по готовому дизайну).
- Верстка презентационных (чистых 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.
-
✌️ Привет
• Я - старший разработчик с опытом более 8-ми лет
👉 Задача понятна — верстка UI-компонентов по Figma для десктоп-приложения на React + TypeScript
• Если вы хотите сэкономить свое время и нервы, я - тот разработчик, которого вы ищете.
👉 Последние проекты: billionbahis.com, isolar.com.ua, mevis.ua, take-transfer.com
Готов выполнить тестовое задание.
Не вижу ни одной причины, почему наше сотрудничество не сложилось бы 🤝
-
Здравствуйте! Я понял, что вы ищете верстальщика для создания адаптивных UI-компонентов из Figma для десктопного приложения. Основной сложностью будет обеспечение адаптивности интерфейса, чтобы элементы правильно перераспределялись в зависимости от ширины окна. Я предлагаю реализовать верстку с акцентом на компонентную структуру, используя React, TypeScript и Tailwind CSS для скорости и чистоты кода, а также Framer Motion для анимаций. Что касается рисков, важно четко понять, какие анимации вы планируете использовать и какой адаптивности хотите достичь, чтобы избежать возможных визуальных артефактов. Кроме того, рекомендую обсудить детали тестового задания перед его выполнением. Давайте уточним требования более подробно, чтобы я мог быстрее приступить к работе.
-
Привет, я работал над проектом "SaaS Dashboard Interface" с тегом:7748 - создавал 35+ UI компонентов для веб-приложения с адаптивной версткой под разные размеры экранов, включая MacBook 13". Использовал React + TypeScript + Tailwind CSS
Сколько времени обычно занимает создание анимаций для диалоговых окон в Framer Motion, и планируете ли интеграцию с существующей системой компонентов?
Предлагаю связаться, я бесплатно проконсультирую вас с технической стороны и составим план разработки + расскажу о моей команде!
-
265 Добрый день, пишу от лица компании Devoxen. Как раз специализируемся по вашей задаче. Можем сделать без лишних вопросов и издержек по времени. Так же даем гарантию и по желанию поддержку.
-
8600 26 0 1 Понял, вам нужен специалист, который аккуратно сверстает чистые, переиспользуемые React + TypeScript UI-компоненты по Figma с упором на адаптивность и pixel-perfect, без внедрения бизнес-логики. Есть опыт подобной работы: делал десятки экранов с Tailwind + Framer Motion, соблюдаю резиновую верстку и корректное поведение компонентов при любых ширинах. Готов показать примеры и выполнить оплачиваемое тестовое (диалоговое окно) в вашем стиле. Могу быстро включиться и работать поэтапно через безопасную сделку.
-
15075 32 0 1 Добрый день!
Меня зовут Валентин, и я представляю Arctic Web Agency. Мы - команда, которая специализируется на создании современных и эффективных решений для бизнеса. В личные сообщения смогу предоставить примеры наших похожих работ. Готовы взять ваш проект в работу!
С уважением
Arctic Web Team
Freelancehunt
-
310 Здравствуйте! Могу аккуратно сверстать UI-компоненты из Figma на React + TypeScript так, чтобы они были чистыми, переиспользуемыми и корректно адаптировались под разные desktop-размеры без визуальных поломок. Работаю с Tailwind, Vite, адаптивной версткой и компонентным подходом, поэтому смогу подготовить код, который ваш фронтенд-разработчик легко интегрирует в приложение. Готов выполнить оплачиваемое тестовое задание.
-
313 Здравствуйте!
Я занимаюсь версткой интерфейсов на React + TypeScript (2+ года), как раз с фокусом на чистые и переиспользуемые UI-компоненты.
Делал проекты с похожими требованиями:
– адаптивные интерфейсы с “резиновым” поведением (flex/grid с перераспределением элементов)
– UI-компоненты без логики (под интеграцию другим разработчиком)
– pixel-perfect по Figma
– анимации через Framer Motion
…
Использую: React, TS, Tailwind, Vite.
Хорошо понимаю, как верстать компоненты, которые корректно ведут себя на широких экранах и не ломаются при изменении размеров.
-
10365 30 0 3 Добрый день! Разрабатываю на Python, React/Node.js выполнял похожие проекты, готов к сотрудничеству.
-
421 Добрый день!
Быстро реализую ваше задание.
Сочетаю frontend + AI, поэтому экономлю ваше время и даю результат.
Примеры работ в портфолио.
Опыт 1.5 года с React.
Готов взять в работу.
-
242 Здравствуйте!
https://smart-hubmvk.com/
https://rokka-site-v2.vercel.app/
Работаю с React, современными UI-библиотеками и инструментами, в том числе Tailwind CSS. Создаю адаптивные, производительные и структурированные веб-приложения и уделяю большое внимание качеству кода,
Четкому выполнению ТЗ и активной коммуникации.
Постоянно совершенствую свои навыки, открыт к новым технологиям и готов к интересным вызовам.
Буду рад возможности выполнить новое задание!
-
1385 6 1 Добрый день, Алекс!
Для более точной оценки проекта, уточните, пожалуйста:
1. Есть ли какие-то специфические требования к анимациям, которые необходимо учитывать при разработке?
2. Нужно ли использовать какие-либо специфические библиотеки или фреймворки для стилизации, помимо указанных?
Мой подход к работе:
1. Я внимательно изучаю макеты в Figma и создаю резиновые, адаптивные компоненты, которые корректно отображаются на всех указанных разрешениях.
2. Использую Tailwind CSS для стилизации и Framer Motion для создания плавных анимаций, делая интерфейс не только функциональным, но и приятным для пользователя.
… 3. Каждый компонент будет переиспользуемым и легко интегрируемым, а также соответствовать принципам пиксель-пёрфект и чистого кода.
Опыт и примеры работ:
- Верстал интерфейсы для приложений с аналогичным количеством экранов (28+ экранов), включая сложные UI-компоненты.
Готов выполнить тестовое задание, чтобы продемонстрировать свои навыки и подход к работе. Пожалуйста, пришлите макет диалогового окна для оценки.
Жду Вашего ответа, чтобы обсудить детали проекта и начать сотрудничество.
-
234 Здравствуйте! Ознакомился с задачей, имею опыт верстки React + TypeScript компонентов из Figma, работаю с Tailwind, Framer Motion и адаптивными "резиновыми" макетами. Делал подобные задачи с большим количеством экранов и UI компонентов. Готов выполнить тестовое. Могу скинуть примеры работ и обсудить детали.
-
309 Здравствуйте, мы небольшой командой более 4 лет разрабатываем веб-решения «под ключ» и имеем значительный опыт в создании презентационных компонентов для крупных систем с использованием Tailwind и SASS. Мы построим логическую иерархию ваших 28 экранов, внедрим строгую типизацию на TypeScript и обеспечим корректное поведение карточек и списков при изменении ширины окна без каких-либо сбоев. Наш опыт более 4 лет позволяет гарантировать высокую продуктовую культуру, техническую чистоту Git-репозитория и полную готовность к выполнению оплачиваемого тестового задания, обязательно посмотрите наши реализованные проекты: freshagro.com.ua, farfieworldwide.com, rivnekolo.com.
-
184 Добрый день, мы с коллегой более 4 лет профессионально занимаемся техническим проектированием и версткой сложных десктопных интерфейсов, поэтому поможем вам преобразовать макеты Figma в набор надежных и анимированных React-компонентов. Мы реализуем фронтенд-аудит ваших макетов для выбора оптимальной стратегии адаптивности, настроим Tailwind-конфигурацию для поддержки резиновой верстки и обеспечим плавность интерфейса через Framer Motion. Наш опыт более 4 лет подтвержден успешными кейсами разработки UI-китов на TypeScript/Vite, где приоритетом была чистота кода и перераспределение элементов в зависимости от доступного пространства, ознакомьтесь с нашим качеством выполнения: drkukharevich.rivne.ua, crave-agency.com.ua, jk-solution.com.ua.
-
1246 13 0 3 Здравствуйте, мы с напарником (дизайнер + 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.
-
1088 7 0 Здравствуйте!
Заинтересовал ваш проект. Имею опыт разработки интерфейсов на React (функциональные компоненты, hooks), а также уверенно работаю с HTML/CSS и адаптивной версткой.
Работал с версткой по Figma, уделяю внимание деталям и чистоте кода. Есть базовый опыт с TypeScript, активно развиваюсь в этом направлении.
Готов выполнить тестовое задание и показать уровень на практике.
Примеры работ могу отправить в личные сообщения. Готов к поэтапной работе и долгосрочному сотрудничеству
-
1315 2 0 28 экранов и адаптив под macbook 13" - объем понятный. Я недавно верстал админку на 40+ экранов, чисто презентационные компоненты на React + Tailwind, анимации на Framer Motion. Пиксель-перфект из Figma и резина без артефактов при ресайзе - мой обычный режим. Ссылки на живые проекты и примеры верстки приложу. Готов к тестовому, диалоговое окно по макету сделаю. Один вопрос: в макетах есть состояния компонентов (hover, focus, disabled) или это отдельно обсуждается?
-
3082 9 0 Добрый день!
Ознакомился с ТЗ — всё чётко расписано. Стек полностью совпадает: React + TypeScript, Tailwind, Framer Motion, Vite, Figma — всё в работе.
28 экранов с чистыми переиспользуемыми компонентами, пиксель-перфект и резиновая адаптивность — задача понятна. Подобный объём делал.
Готов к тестовому заданию.
Примеры:
https://ai-desk.ai / https://momicro.com
GitHub: https://github.com/axbuglak
Пишите, обсудим детали.
С уважением, Буглак Алексей
-
475 2 0 Здравствуйте! Готов обсудить и выполнить Ваш заказ.
https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/
-
2092 32 0 Здравствуйте!
Ознакомился с задачей — формат работы полностью понятен. Специализируюсь именно на верстке UI-компонентов на React + TypeScript по Figma, с упором на чистую архитектуру и переиспользуемость.
Что могу гарантировать:
🧩 Компонентный подход
• изолированные, переиспользуемые UI-компоненты
• понятная структура (atomic / feature-based при необходимости)
… • удобная интеграция для разработчика, который будет подключать логику
🎯 Pixel-perfect + адаптив
• точное соответствие макетам Figma
• «резиновая» верстка без жестких брейкпоинтов
• корректная работа на широких экранах и небольших ноутбуках (включая 13")
• перераспределение элементов (гриды, карточки и т.д.) без поломок
⚡ Стек и подход
• React (hooks) + TypeScript
• Tailwind + при необходимости Sass
• Framer Motion — аккуратные, не перегруженные анимации
• Vite + Git
• чистый, читаемый код с понятными неймингами
🎬 Опыт
• верстал интерфейсы с большим количеством экранов (20+), включая сложные дашборды
• делал адаптивные системы компонентов с динамическими layout'ами
• есть опыт работы с дизайн-системами
Готов выполнить тестовое задание (диалоговое окно) — без проблем.
По срокам и стоимости:
предлагаю разбить на этапы (по экранам или блокам), после просмотра макетов смогу точно оценить объём.
Буду рад ознакомиться с дизайном после NDA и обсудить детали.
Спасибо!
-
10123 117 0 Здравствуйте.
Я NodeJS разработчик. Готов взяться. Пишите, обсудим.
-
1074 5 0 Приветствую!
Готов взяться за работу
Цена будет 15 000 грн
Пишите, буду рад сотрудничать )
-
4508 6 0 Сделаю верстку 28 экранов, чистые презентационные React-компоненты. Tailwind с CSS Grid auto-fill для перераспределения карточек по ширине окна, Framer Motion для анимаций, пропсы типизированы через интерфейсы. К тестовому готов. Для карточек есть минимальная ширина в макете, или количество колонок фиксировано по брейкпоинтам?
-
258 Добрый день! Ознакомились с вашим проектом, релевантный опыт есть. Готовы выполнить качественную верстку React-компонентов по Figma с соблюдением pixel-perfect и адаптивности.
Что можем предложить:
• Верстка UI компонентов на React + TypeScript
• Чистая архитектура и переиспользуемые компоненты
• Адаптивная “резиновая” верстка под разные разрешения
• Корректное поведение интерфейса при изменении ширины
• Анимации на Framer Motion
• Tailwind / SCSS (по требованиям проекта)
… • Аккуратная работа с отступами, типографикой и состояниями
Опыт:
• Верстали сложные интерфейсы (20+ экранов)
• Делали desktop UI с адаптацией под разные размеры окон
• Работали с Figma, Git, Vite
Готовы выполнить тестовое задание и быстро включиться в проект.
Наш сайт: https://benefit-it.net/
С уважением Benefit Studio
-
7575 13 0 Здраствуйте , есть нужный опыт , сделаю без проблем , также ответы на вопросы:
1) Пару ссылок
https://zem.center/
https://chess-217-154-170-186.nip.io/
2) Десятки проектов и сотни экранов , как полностью делал веб приложения так и делал отдельные компоненты со сторибуком и отдавал дальше
3) Оплачиваемое тестовое могу выполнить
На всякий , мой гит https://github.com/onyx144
-
1013 21 0 Добрый день! Готов приступить сразу же после согласования условий. Я React-разработчик с опытом более 4 лет. Имею за плечами опыт разработки React (Next.js) приложений разной сложности и масштаба. В том числе - и дашборд систем. В продакшене сейчас находятся несколько проектов, разработанных мной, например https://good-divorce.vercel.app/ - разработан с помощью Next.js. Так же есть дашборд написанный с помощью Material UI, но там доступ ограничен, поэтому, к сожалению, ссылку дать не смогу. Так же в требованиях увидел tailwind - я как раз в последние 2 года работаю именно с ней в 90% проектов. Нужно будет определиться - использоваь его или SASS, так как в объединении этих технологий смысла не вижу.
С framer-motion так же имею опыт, очень удобная библиотека для React-приложений.
Буду рад сотрудничеству :)
-
3071 11 0 1 Здравствуйте, Алекс!
Готов подключиться к проекту как React + TypeScript верстальщик. Есть опыт сборки UI-компонентов по Figma для десктопных приложений с акцентом на чистую архитектуру и адаптивную “резиновую” верстку.
Кратко по опыту:
Верстал интерфейсы на 20–40+ экранов (дашборды, SaaS, админки)
Работаю с Tailwind, SCSS, Framer Motion (анимации и микровзаимодействия)
Пиксель-перфект, внимание к деталям, аккуратная компонентная структура
Учитываю масштабирование интерфейса (шире макета, разные разрешения)
…
Что делаю:
Чистые, переиспользуемые UI-компоненты
Адаптивную и “резиновую” верстку без артефактов
Грамотную разбивку на компоненты под дальнейшую интеграцию
Анимации через Framer Motion
Подготовку к удобной работе другого фронтенд-разработчика
Работаю с Git, Vite, соблюдаю нейминг и структуру проекта.
Готов выполнить оплачиваемое тестовое задание.
Тут можете посмотреть на несколько из моих проектов:
1. https://6weeks.marketing/
2. https://grandex.de/
Предлагаю обсудить детали и приступить к работе!
-
976 4 0 Здравствуйте
Меня зовут Дмитрий
Ознакомился с задачей — готов подключиться к верстке UI-компонентов на React + TypeScript
Работаю с таким стеком: React, TypeScript, Tailwind, Framer Motion, Vite. Есть опыт сборки интерфейсов по Figma с упором на pixel-perfect и переиспользуемые компоненты
Как подхожу к задаче
— делаю чистые функциональные компоненты с понятной структурой
— учитываю адаптив не только под брейкпоинты, а под реальное изменение ширины (flex/grid, резиновая верстка)
— компоненты легко масштабируются и переиспользуются
— аккуратно реализую анимации через Framer Motion (без перегруза)
… Делал проекты с 20+ экранами и большим количеством UI-компонентов, поэтому понимаю, как держать консистентность и не “ломать” интерфейс при масштабировании
Готовность
— готов выполнить тестовое задание
— работаю через Git (чистые коммиты, нормальный workflow)
— соблюдаю сроки и не затягиваю этапы
Примеры работ и компонентов скину в личные (есть реальные проекты, не шаблоны)
Готов обсудить детали и приступить
-
842 3 0 Добрый день. Заинтересовал ваш проект. Каждый день работаю с этим стеком, вот примеры работ:
https://acacia-studio-astro-v611.vercel.app/
https://vanshare.pl/
https://delicio-ai.vercel.app/
Все сайты разрабатывались полностью мной. Тестовое готов выполнить. Жду ответа.
-
93800 1267 1 10 Здравствуйте.Работаю с React/Node.js более 9+ лет.Готов к сотрудничеству.
-
Вітаю. Ви вже вчетверте постите це завдання. І жодного закінченого проєкту.
Хотілось би все ж побачити ваш макет.
Прошу надати деталі, якщо вас цікавить виконання проєкту.Дякую за увагу.
-