UI Engineer Mid · Full-time · Remote / Hybrid →

Thewebvale; Bhopal; Hybrid; INR 600,000 - 960,000; Full time

Benefits offered by this job

Remote-first

Bhopal studio for hybrid days

Real client products across industries

Direct work with founder and senior团队

Learning and tooling support

Public portfolio exposure

Job summary

TheWebVale is seeking a UI Engineer to translate Figma designs into production, pixel-perfect React and Next.js interfaces with a focus on typography, spacing, and accessibility.

You will implement responsive layouts using CSS3, Tailwind, and modern frontend techniques, collaborate with product designers, and ship in bi-weekly release cycles for coaching centers, retail brands, and service businesses. Remote-first with a Bhopal studio.

Qualifications

• 2–4 years of experience as a UI engineer or front-end developer.
• Mastery of modern CSS, Tailwind CSS, and HTML5 semantics.
• Fluency with React, TypeScript, and component composition.
• Discerning eye for typography, whitespace, shadows, and motion.
• Comfort inspecting design files in Figma, extracting tokens and assets.
• Strong collaboration skills and openness to creative feedback.

Responsibilities

• Transform Figma layouts into pixel-perfect, responsive React and Next.js interfaces.
• Implement responsive CSS layouts using modern Flexbox, Grid, and container queries.
• Craft fluid UI micro-interactions, hover states, and smooth transitions.
• Maintain design consistency across buttons, inputs, modals, and typography tokens.
• Ensure keyboard focus indicators and contrast ratios meet accessibility criteria.
• Work alongside product designers to refine interaction states and edge-case screens.

Skills

Typography mastery

Pixel-perfect UI

Collaborative mindset

Accessibility awareness

Tools

CSS3

Tailwind CSS

HTML5

React

TypeScript

Figma

Framer Motion

UI Design

Job description

You will implement pixel-accurate user interfaces, component states, and interactive animations that bring designer visions to life.

As a UI Engineer at TheWebVale, you will translate Figma designs into production code with obsessive attention to typography, alignment, and spacing. You will build user-facing screens for coaching centers, retail brands, and service businesses.You will act as the bridge between visual design and frontend architecture, collaborating closely with both teams. We ship in disciplined two-to-three week release windows, providing room for creative problem-solving and visual polish.

CSS3

Tailwind CSS

HTML5

React

TypeScript

Figma

Framer Motion

UI Design

03Responsibilities

Your day to day.

6 things, one at a time. Keep scrolling.

Transform Figma layouts into pixel-perfect, responsive React and Next.js interfaces.

Implement responsive CSS layouts using modern Flexbox, Grid, and container queries.

Craft fluid UI micro-interactions, hover states, and smooth transitions.

Maintain design consistency across buttons, inputs, modals, and typography tokens.

Ensure keyboard focus indicators and contrast ratios meet accessibility criteria.

Work alongside product designers to refine interaction states and edge-case screens.

04Requirements

What we look for.

• 01 / 06 Hold 2–4 years of experience as a UI engineer or visual frontend developer.
• 02 / 06 Show exceptional mastery of modern CSS, Tailwind CSS, and HTML5 semantics.
• 03 / 06 Demonstrate fluency with React, TypeScript, and modern component composition.
• 04 / 06 Exhibit a discerning eye for typography, whitespace, shadows, and subtle motion.
• 05 / 06 Comfort inspecting design files in Figma, extracting tokens, and assets.
• 06 / 06 Possess strong collaboration skills and openness to creative feedback.

What you get.

Remote-first, with a Bhopal studio for hybrid days

Real client products across many industries

Direct work with the founder and senior team

Learning and tooling support

Your work featured in our public portfolio

06How we hire

Three steps, no tricks.

• 1

  Intro chat

  A short call about what you want to work on and how you like to work.

• 2

  Work review

  Walk us through projects, code or designs you are proud of.

• 3

  Paid task

  A small paid task or pairing session, so both sides see the fit.