Верстальщик React + TypeScript: создание UI-компонентов по Figma для десктоп-приложения
17 500 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
- framer motion (для анимаций)
- git
- vite
Что нужно предоставить при отклике:
- Ссылки на работающие сайты, сделанные вами, или примеры верстки React-компонентов из Figma.
- Кратко: опыт верстки подобных проектов (сколько экранов/компонентов делали).
- Кратко: примерная стоимость работы за весь объём.
- Готовность выполнить небольшое тестовое задание.
Условия:
- Удалённая работа.
- Поэтапная разработка с фиксированной оплатой за каждый этап.
- Тестовое задание является частью основного проекта и оплачивается в случае, если мы выберем вас для выполнения всего объёма работ.
Дополнительно
- Дизайн, figma, описание приложения и вся необходимая информация предоставляются сразу после согласования.
-
Здравствуйте! Мы — команда NovaCore Solutions. Работаем с React, TypeScript, Tailwind и Framer Motion, поэтому создаем аккуратные переиспользуемые компоненты с идеальной адаптивностью под любые экраны. У нас большой опыт в разработке сложных SaaS и real-time интерфейсов, поэтому гарантируем чистоту кода для дальнейшей поддержки и высокое внимание к деталям. Готовы выполнить тестовое задание и надеемся на дальнейшее сотрудничество.
-
1600 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-проектов. Понимаю разницу между “сделать экраны” и “собрать нормальный компонентный слой”, с которым дальше удобно работать разработчику логики.
Готов выполнить небольшое тестовое задание.
Ссылки на релевантные работы и примеры компонентов могу сразу отправить в ответ.
-
3714 17 0 Добрый день 👋
Работаю с Figma:
точное воспроизведение дизайна (отступы, типографика, состояния)
адаптация под разные размеры десктопа (включая 13”)
анимации через framer-motion без перегруза
разбиение на атомарные компоненты (UI-kit уровня кнопки / инпуты / модалки / макет)
… Кратко о опыте:
— верстал проекты с 30+ экранами
— делал дизайн-системы + библиотеки компонентов
— работал в связке с отдельными frontend/backend разработчиками
Используемый стек:
Frontend:
React (функциональные компоненты + хуки)
TypeScript
Tailwind CSS
Framer Motion
Инфраструктура / инструменты:
Vite
Git CI/CD
Оценка:
Готов обсудить детали в личных сообщениях и начать сразу после согласования.
С уважением,
Андрей!
-
2245 22 0 Добрый день.
Выполню все дешево, быстро и профессионально. Гарантирую качество выполненной работы👍
-
842 3 0 Добрый день. Готов взяться. Примеры работ: 1. https://vanshare.pl/ 2. https://levtrans.notfounds.dev/ Готов выполнить тестовое задание. Жду деталей проекта и Figma.
-
136 1 0 Здравствуйте, Алекс!
Готов выполнить верстку UI-компонентов по Figma на React + TypeScript с упором на чистую архитектуру и переиспользуемость.
Есть опыт работы 5+ лет с компонентным подходом, адаптивной версткой и подготовкой интерфейсов под дальнейшую интеграцию (разделение UI и логики).
💼 Примеры работ:
https://coinzoomer.com
— realtime dashboard (Laravel/Inertia, API)
https://steamgifts.org
… — система заданий и розыгрышей
https://source-byte.com
— контентный сайт с админкой
https://dev4rweb.com
📊 Опыт:
Работал с интерфейсами на десятки экранов, собирал UI на основе дизайн-систем и Figma-макетов с упором на масштабируемость компонентов.
💰 Оценка:
Примерно 400–600 USD за весь объём (зависит от сложности анимаций и деталей компонентов)
Готов выполнить тестовое задание и работать поэтапно.
-
446 5 0 Здравствуйте!
Меня заинтересовал ваш проект, у меня есть опыт разработки на React + TypeScript. Специализируюсь именно на создании чистых, переиспользуемых UI-компонентов с строгим соблюдением адаптивности.
Пример моей работы с логикой и интерфейсом (React + Tailwind) можно посмотреть здесь: https://www.logicverto.com/aplikacja — это интерактивный калькулятор, где я реализовал сложную структуру компонентов и адаптивный дизайн.
-
210 У меня есть опыт разработки веб-приложений. Основной стек - Реакт. Готов взять в работу.
-
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+ экранами, собирали библиотеки компонентов для интерфейсов, примеры можем отправить в личные сообщения
Готовы работать поэтапно и выполнить тестовое задание
Можем подключиться в ближайшее время
Буду рада сотрудничеству
-
447 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. Создаю адаптивные, производительные и структурированные веб-приложения и уделяю большое внимание качеству кода,
Четкому выполнению ТЗ и активной коммуникации.
Буду рад возможности выполнить новое задание!
Пишите в личку, обсудим.
-
97 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 Здравствуйте!
Заинтересовал ваш проект. Я занимаюсь frontend-разработкой и адаптивной версткой на React + TypeScript, работаю с Tailwind CSS, Framer Motion, Vite и Git.
Есть опыт создания переиспользуемых UI-компонентов по Figma, адаптации под разные размеры экранов, pixel perfect верстки и работы с чистой структурой компонентов. Также есть опыт создания анимаций и сложных интерфейсов.
Работал над проектами с большим количеством экранов и компонентов, включая формы, списки, фильтрацию, карточки, галереи, адаптивные интерфейсы и мобильные экраны.
Готов выполнить небольшое тестовое задание.
…
Примеры работ:
— сайт-портфолио
— адаптивные React/Tailwind проекты
— UI-компоненты и экраны по Figma
— проекты с reusable components и анимациями
По стоимости и этапам работы готов обсудить после ознакомления с дизайном и объёмом экранов.
Буду рад сотрудничеству!
-
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 для управление медиатекой и создания на ее основе отдельных призетнтаций
Стоимость готов обсудить после ознакомления с макетами. Готов выполнить тестовое задание.
…
Буду рад сотрудничеству!
-
10130 117 0 Здравствуйте.
Я разработчик NodeJS. У меня есть опыт с React. Готов взяться. Пишите, обсудим.
-
328 1 0 Добрый день!
У меня ~4 года опыта работы с React + TypeScript, занимаюсь версткой интерфейсов на Figma: дашборды, формы, таблицы, UI-компоненты. У меня есть опыт с Framer Motion для анимаций и я хорошо понимаю разницу между презентационными компонентами и логикой приложения. Адаптивность под разные устройства через Tailwind - стандартная задача, с которой я регулярно работаю.
Готов выполнить тестовое задание и работать поэтапно.
Могу начать после ознакомления с Figma-макетом - напишите, удобно обсудить детали?
-
1717 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
Database: 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 верстка
Обновление дизайна на сайтеНужно обновить дизайн существующего сайта используя HTML, CSS, JS: освежить внешний вид, сделать его современным и адаптивным под мобильные устройства. Требуется добавить плавные анимации и интерактивные элементы . HTML и CSS верстка, Javascript и Typescript ∙ 17 часов 4 минуты назад ∙ 69 ставок |
Ищу специалиста по WordPress/Elementor/Woo, который имеет большой опыт работы с шаблоном Woodmart
5000 UAH
Необходимо обновить визуал и структуру интернет-магазина стоматологических товаров (ссылку отправлю в ЛС) Сайт работает на связке WordPress + WooCommerce. Шаблон — Woodmart. Задача: Обновление шапки (header), подвала (footer) и контента на главной странице согласно готовому… CMS, HTML и CSS верстка ∙ 20 часов 10 минут назад ∙ 29 ставок |
Верстка сайтаТехническое задание на верстку сайта. Писал чат гпт Ссылка на дизайн -https://www.figma.com/file/bBuR3yG2eSzLpBcBJURNZi?node-id=60:397&t=zQ9Kln2RtyBgNHKw-1&locale=en&type=design Общая информация Необходимо выполнить адаптивную кроссбраузерную верстку сайта на основе… HTML и CSS верстка ∙ 21 час 48 секунд назад ∙ 98 ставок |
Внесение правок и доработок на сайт согласно ТЗОписание проекта Необходимо выполнить комплекс доработок сайта zvilnymo.ua в соответствии с предоставленным техническим заданием. Основная цель работ — повышение конверсии сайта, улучшение пользовательского опыта, оптимизация формы захвата лидов и усиление доверия потенциальных… HTML и CSS верстка, Веб-программирование ∙ 23 часа 28 минут назад ∙ 40 ставок |
Primatic - Перенос 3 страниц из Figma в WordPress (Elementor)Привет! Меня зовут Анна, я живу в Израиле и управляю небольшой креативной студией. Работаю в основном с малым и средним бизнесом и сейчас ищу фрилансера. На данный момент есть проект: нужно перенести готовый дизайн из Figma в WordPress. Всего три страницы — главная, «О нас»… HTML и CSS верстка, Веб-программирование ∙ 1 день 8 часов назад ∙ 64 ставки |