Senior Frontend Engineer

Vyro

Location: Pakistan
Job Type: full-time
Salary: Unknown
Posted: December 4, 2025

Job Description

Who We Are

Vyro is redefining the future of digital creativity. We build cutting-edge content creation tools powered by Artificial Intelligence and Machine Learning, helping millions of creators, designers, and storytellers bring their imagination to life — effortlessly.

With a global user base of over 5 million active creators every month, Vyro’s 20+ AI-powered apps are transforming how people design, edit, and express themselves across images, videos, and beyond.

From intuitive AI photo editors to next-gen video creation platforms, our products are designed to make creativity accessible, fast, and limitless.

At Vyro, we’re a team of innovators, builders, and dreamers — known as Vyronauts — driven by passion, purpose, and the belief that technology should inspire creativity, not complicate it.

If you’re excited about shaping the next wave of AI-powered creativity, Vyro is the place to be.

About the Role:

As a Senior Frontend Engineer at Vyro you will be responsible for developing user interfaces and ensuring the technical feasibility of UI/UX designs. Your expertise in React, NEXT JS, Tailwind CSS, and other frontend technologies will be crucial in delivering high-quality web applications.

What You'll Do:

Develop and maintain efficient and reusable frontend components using React and NEXT JS.
Collaborate with designers and backend developers to implement responsive and interactive user interfaces.
Utilize, SASS (SCSS), CSS framework, specifically Tailwind, to create visually appealing and user-friendly designs.
Optimize and scale React/NextJs app for production.
Work with multiple State Management Libraries for client side and Tanstack Query for server side state management
Ensure code quality and adherence for best practices.
Has knowledge of GIT for version control and collaboration with the development team.

What We're Looking For:

Over 4 years of relevant experience in frontend development
Proficiency in React, including experience with React libraries and frameworks such as NEXT JS. (Must Have)
Strong knowledge and experience with CSS frameworks, particularly TailwindCSS. (Must Have)
Expertise in TypeScript. (Must Have)
Familiarity with release management and CI/CD pipelines. (Must Have)
Familiarity with Linters and Husky (Minor Requirement but good to have)

Why Join Us?

Opportunity to work on innovative AI products (Chatly and Imagine) that are shaping the future of user interaction and creativity.
Collaborate with a passionate and talented team that values data-driven decision-making.
Competitive salary and benefits package.
A culture that encourages growth, learning, and innovation.

Note: This is an onsite position at our office in H12, Islamabad, for residents of Pakistan. Candidates residing outside of Pakistan may be considered for remote work opportunities.

🎯 Who is this job for?

This role is ideal for an experienced frontend engineer who excels in React, Next.js, TypeScript, and Tailwind, and wants to build polished, scalable, high-performance UIs for AI-powered creative tools used by millions. It suits someone who enjoys collaborating closely with design and backend teams, managing complex client- and server-side state, and delivering production-ready interfaces with strong attention to detail and technical quality. This position is great for engineers who thrive in fast-moving, innovation-driven environments and want to contribute to next-generation AI products shaping the future of digital creativity.

💬 Potential Interview Questions

What are the main performance benefits of using Next.js over a plain React SPA?
Next.js provides built-in SSR/SSG, route-based code splitting, and optimized bundling, which improve initial load performance, SEO, and perceived responsiveness compared to a pure client-side React app.
How do you structure a scalable React/Next.js project using TypeScript and TailwindCSS?
I use a feature- or domain-based folder structure, define shared types in a central types directory, configure Tailwind with design tokens, and keep UI primitives and layout components reusable and well-isolated.
How do you handle client-side vs server-side state in a modern React app?
I manage server state with tools like TanStack Query (caching, background refetching, stale-time control) and keep client/UI state in context or lightweight stores (e.g., Zustand/Redux), avoiding mixing both concerns.
What’s your approach to optimizing a heavy React/Next.js page with many interactive elements?
I apply memoization (React.memo, useMemo, useCallback), lazy-load non-critical components, virtualize long lists, minimize prop drilling, and profile the app to eliminate unnecessary re-renders.
How do you use TailwindCSS effectively in large codebases without creating utility-class chaos?
I define a consistent design system via Tailwind config, extract common patterns into components or @apply classes, and enforce conventions through code review and linting to keep markup readable.
How do you ensure smooth UX and responsiveness when building media-heavy, AI-powered UIs?
I use optimistic UI where appropriate, show skeletons/placeholders, stream or progressively load content, debounce inputs, and ensure transitions and animations are lightweight and GPU-accelerated.
What’s your typical flow for implementing a new feature from design to production in Next.js?
I review Figma mocks, break them into reusable components, define types and API contracts, implement UI and logic with tests, then ship via CI/CD with feature flags or staged rollouts if needed.
How do you enforce code quality and consistency in a frontend team using Git, linters, and Husky?
I configure ESLint/Prettier and TypeScript strict modes, run them with Husky pre-commit hooks, require PR reviews, and integrate lint/tests into the CI pipeline so broken code can’t be merged.
How do you handle image and asset optimization in a Next.js app focused on visual creativity tools?
I use Next.js next/image for responsive, lazy-loaded images, serve modern formats (like WebP/AVIF), leverage CDN caching, and carefully size assets to balance quality and performance.
Describe how you would integrate TanStack Query into an existing React/Next.js codebase.
I wrap the app with QueryClientProvider, identify API calls to migrate, replace manual fetching with useQuery/useMutation, configure caching and retry policies, and centralize error/loading patterns in shared components.

📋 Job Summary

Vyro is hiring a Senior Frontend Engineer (onsite in Islamabad, Pakistan, with potential remote options for non-residents) to build high-performance, AI-powered creative web applications used by millions of creators worldwide. You’ll develop and optimize React/Next.js interfaces, using TypeScript, TailwindCSS, SCSS, and modern state management (including TanStack Query) to deliver responsive, visually polished experiences. The role includes working closely with designers and backend engineers, owning code quality, and contributing to CI/CD and release pipelines. Join a fast-moving team building next-generation AI design and content tools in a culture that values innovation, learning, and data-driven decisions.