
Closed
Posted
I need an experienced frontend engineer who can own the full architecture of a new design system and the state-heavy forms that will rely on it. The heart of the engagement is the design system itself: it must scale gracefully, meet WCAG AA accessibility, and be built on Radix UI primitives styled with Tailwind CSS. This is an on-site job that is based on Thailand. Here is what I’m after: • Design System Architecture: Establish a highly scalable, WCAG-compliant design system using Radix UI primitives and Tailwind CSS (v3). • Form Orchestration: Engineer complex, multi-step workflow configurations for our document generation engine (React Hook Form & Zod). • State & Caching: Manage client-side data synchronization and caching layers using TanStack React Query. Technical Profile: React 18, TypeScript, Vite, Tailwind CSS, Radix UI, TanStack Query, MSAL/Azure AD. Acceptance criteria 1. Every component passes axe-core tests and keyboard navigation. 2. Theming can switch brand colours in one place without overrides. 3. All forms preserve local state on navigation and recover from network failures. 4. Documentation covers props, accessibility notes, and code samples. If you have shipped a Radix + Tailwind design system before—or something close—I would love to see it.
Project ID: 40624428
86 proposals
Remote project
Active 4 days ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
86 freelancers are bidding on average $20 USD/hour for this job

Hello, I HAVE BUILT ENTERPRISE REACT APPLICATIONS, SCALABLE DESIGN SYSTEMS, AND TYPESCRIPT-BASED FRONTEND PLATFORMS, AND I CAN SHOW YOU SIMILAR PROJECTS. I have carefully reviewed your requirements and can architect a scalable, WCAG AA-compliant design system using React 18, TypeScript, Vite, Radix UI, and Tailwind CSS. I can build reusable, accessible components, implement complex multi-step forms with React Hook Form and Zod, and manage client-side state and caching with TanStack React Query. The solution will include centralized theming, comprehensive documentation, keyboard accessibility, and robust error handling to ensure a production-ready frontend architecture. I have 13+ years of experience in React, TypeScript, Vite, Tailwind CSS, Radix UI, TanStack Query, React Hook Form, Zod, MSAL, Azure AD, UI/UX architecture, and enterprise frontend development. I focus on building maintainable, reusable, and high-performance component libraries that scale with evolving products. I WILL PROVIDE 2 YEARS OF FREE ONGOING SUPPORT AND COMPLETE SOURCE CODE. WE WILL WORK WITH AGILE METHODOLOGY AND WILL ASSIST YOU FROM START TO SUCCESSFUL PROJECT DELIVERY. I am available to start immediately and can share relevant design system and enterprise React projects during our discussion. I look forward to discussing your project. Thanks, Christina
$15 USD in 40 days
6.8
6.8

Hello, My frontend work includes React design systems with Radix-style primitives, Tailwind CSS, and clear component documentation. I can shape the architecture around WCAG AA Accessibility, keyboard support, theme tokens, and state-heavy React Hook Form flows. I will set up the Vite and TypeScript structure so components, forms, and TanStack Query data recovery stay consistent. Branding changes will be handled through shared theme values, so brand colours can switch in one place without custom overrides. Best regards, Teo
$20 USD in 28 days
5.4
5.4

Respectfully, building a scalable design system around Radix UI is much more than creating reusable components—it requires consistent accessibility, predictable theming, and an architecture that remains maintainable as the product grows. Your emphasis on state-heavy forms and resilience to network failures also shows you're thinking beyond the UI itself. I've worked on React and TypeScript applications with reusable component libraries, complex form workflows, and scalable front-end architectures. My approach is to build WCAG-compliant components with Radix UI and Tailwind, centralize design tokens for effortless theming, and structure React Hook Form, Zod, and TanStack Query to keep multi-step forms reliable, recoverable, and easy to extend. One question: will the design system be built from an existing Figma library, or do you expect the component standards and tokens to be established alongside the implementation? Portfolio: https://www.freelancer.pk/u/zainalitariq245 I'm available to discuss the project whenever it's convenient for you. Thanks.
$20 USD in 40 days
5.5
5.5

Hey there, Building a scalable React design system for complex workflows requires getting the component foundation right before adding more UI. I’d architect it with React 18, TypeScript, Radix UI, and Tailwind CSS v3, focusing on WCAG AA accessibility, reusable components, and forms using React Hook Form with Zod. Keeping theme tokens centralized will make brand changes cleaner without override issues. I have worked on React systems involving reusable UI libraries, complex forms, and data synchronization with TanStack Query. I focus on axe core testing, keyboard accessibility, documentation, and maintainable architecture so the team can extend the system confidently. Have you already defined the initial component list required for the design system? Looking forward to collaborating with you. Portfolio: https://www.freelancer.com/u/Hammadhassan21 Best regards, Hammad Hassan...
$20 USD in 40 days
5.6
5.6

Hi, I will own the architecture and delivery of a Radix UI and Tailwind CSS design system that meets WCAG AA and the state-heavy form orchestration for your document generation engine, and I am based in Thailand so I can work on site. I will implement components with Radix primitives, Tailwind v3, React 18 and TypeScript, use React Hook Form with Zod for multi step workflows, and TanStack Query for client caching and sync, with MSAL/Azure AD for auth. I built a Radix + Tailwind design system adopted by three production React apps and running axe core checks in CI. Deliverables will include keyboard navigation, single-place theming via CSS variables, resilient form state persistence and recovery, and docs with props, accessibility notes and code samples. Do you want a Storybook with interactive examples and axe checks in CI or MDX-only docs? Happy to jump on a quick chat. Ali Zain
$20 USD in 7 days
4.6
4.6

With over a decade of experience as a Website Designer and Developer, I have worked on a multitude of projects similar to yours. I have streamlined businesses' needs into scalable digital solutions with clean design, strong functionality, and long-term reliability. Your project demands a highly scalable design system that adheres to WCAG AA accessibility and prioritizes Radix UI primitives styled with Tailwind CSS - areas in which my extensive tech skills come in handy. My expertise does not end with the creation of the design system but extends to your need for multi-step workflow configurations and data synchronization. I have deep experience working with React Hook Form, Zod, and TanStack React Query; all valuable tools in addressing these areas. My keen eye for detail ensures everything from forms’ smooth state handling despite network failure to comprehensive documentation covering props, accessibility notes, and code samples will be covered meticulously. Lastly, I am based in Thailand which meets your requirement for on-site work. Further demonstrating my commitment to client satisfaction, I want to assure you that strict adherence to deadlines coupled with clear communication is key to me. Let's connect to build an exceptional and inclusive design system using the skillset so perfectly suited for your Thailand-based project!
$15 USD in 40 days
4.6
4.6

Hi, sounds like you’re aiming to build an intuitive UI that’s both accessible and easy to maintain. It’s interesting how smooth and user-friendly interfaces can really make or break the experience. I can manage the entire setup of your design system using Radix UI and Tailwind CSS, ensuring it’s flexible, color-switchable, and well documented. Did you already think about how you want to handle updates or new features added later? Let’s chat about how we can plan this out and create something that really stands out. Regards, Nick. I’ve worked on projects like SportsRepeat, the Ticketing HIPAA Medical Records app, and the Car Fleet Management system, which required clear UI flows and robust features.
$15 USD in 3 days
4.5
4.5

⚠️ If you're not happy, you don’t pay. ⚠️ Hi, Thank you for checking my proposal and sharing the detailed project brief. I can build your design system using React 18, TypeScript, Vite, Radix UI, and Tailwind CSS, with a scalable and accessible architecture. I will deliver: • A highly scalable design system compliant with WCAG AA. • Multi-step form orchestration utilizing React Hook Form and Zod. • Efficient state management and caching solutions via TanStack Query. • Comprehensive documentation covering props, accessibility, and code examples. You will also receive: • Custom theming options for easy brand color switching without overrides. I am confident I can execute your vision professionally and efficiently. Looking forward to discussing the timeline and next steps. Best regards, Chirag Pipal
$15 USD in 30 days
3.9
3.9

Hello, I can architect a design system that scales with Radix UI primitives and Tailwind, ensuring WCAG AA compliance from the start without bolt-on fixes later. I built a similar system for a Thai startup last year, where we migrated their legacy UI to Radix + Tailwind and passed all axe-core tests first try—no overrides were needed for theming. I’d approach this with a monorepo setup for the design system, isolating primitives under shared Tailwind themes while keeping state management in TanStack Query for offline recovery. The biggest improvement will come from strict contract testing between components and forms using Zod schemas. Forms will persist local state through navigation and recover from network failures, reducing user frustration during document generation. If the scope aligns, let’s discuss how to apply this architecture to your specific workflows before locking in any changes. Thanks, Lazar.
$15 USD in 40 days
3.7
3.7

Hi, I checked your "Senior Frontend / UX Engineer (5+ Years Experience) - Thailand Base" project and it looks like the focus is on delivering a clean, responsive website that works well across all devices. I prefer understanding the expected layout and user experience first, then building pages that closely match the design while keeping the code organized and easy to maintain. Feel free to share the design or current website, and I'll suggest the best implementation along with a realistic timeline. Final timeline and cost will be confirmed in chat after a complete understanding and documentation of the project expectations in detail.
$15 USD in 1 day
3.7
3.7

⭐⭐⭐⭐⭐ Build a Scalable Design System with Radix UI and Tailwind CSS ❇️ Hi My Friend, I hope you are doing well. I've reviewed your project requirements and see you are looking for an experienced frontend engineer. Look no further; Zohaib is here to help you! My team has successfully completed 50+ similar projects for frontend development. I will create a scalable design system using Radix UI and Tailwind CSS, ensuring it meets WCAG AA accessibility standards. ➡️ Why me? I can easily handle your design system project as I have 5 years of experience in frontend development, specializing in React, TypeScript, and building scalable design systems. My expertise includes working with Radix UI, Tailwind CSS, and managing complex forms using React Hook Form and Zod. I also have a strong grip on TanStack Query for efficient data management. ➡️ Let's have a quick chat to discuss your project details. I can provide samples of my previous work that showcase my experience in building efficient design systems. Looking forward to discussing this with you! ➡️ Skills & Experience: ✅ React 18 ✅ TypeScript ✅ Vite ✅ Tailwind CSS ✅ Radix UI ✅ TanStack Query ✅ MSAL/Azure AD ✅ Form Management ✅ Accessibility Compliance ✅ State Management ✅ Caching Strategies ✅ Documentation Writing Waiting for your response! Best Regards, Zohaib
$17 USD in 40 days
4.0
4.0

With my extensive experience in full-stack web development, proficient understanding of several frontend technologies, and keen eye for detail, I believe I am the ideal candidate to take charge of this project. Throughout my 5+ years in the industry, I have consistently delivered top-performing designs with keen attention to accessibility and scalability. In fact, I am particularly well-versed with the specific technology stack you are leveraging for this project, including Radix UI, Tailwind CSS, React Query and more. Regarding your desired outcomes, not only am I familiar with building design systems similar to what you're seeking but I have also effortlessly adapted within new ecosystems in the past. This adaptability ensures that I'll be able to create a highly scalable, WCAG-compliant design system using Radix UI primitives and Tailwind CSS (v3) while implementing strong caching mechanisms using React Query to deliver optimal performance. Additionally, my commitment to on-time delivery matches your project's stringent deadlines. My approach of creating high-quality code while focusing on exceeding clients' expectations aligns perfectly with what you're looking for. Overall,I believe my skills,Past experiences and alignment with acceptance criteria makes me a powerful contender for successfully executing this project in Thailand.
$15 USD in 40 days
2.8
2.8

Dear Client, I can develop your WCAG-compliant design system with Tailwind CSS, React and TypeScript, along with scalable forms and efficient state management. I have 6+ years of experience building web applications with React and frontend architectures. I focus on clean, reusable code, accessibility, and performance. I can share my similar work links in the chat box. Looking forward to your response on chat box. Thanks.
$20 USD in 40 days
3.4
3.4

Hi, I hope you're doing well. I have carefully reviewed your project, Senior Frontend / UX Engineer (5+ Years Experience) - Thailand Base , and I'm confident I can deliver a high quality solution tailored to your requirements. I'm a Full Stack Developer with 7+ years of experience building websites, SaaS platforms, AI powered applications, automation tools, web scrapers, lead generation systems, and custom software. I focus on delivering reliable, high quality solutions that meet business objectives while maintaining accuracy, performance, and scalability. I'd be happy to discuss your project in more detail and recommend the best approach before we get started. I look forward to working with you. Best regards, Abdul Salam Full Stack Developer | Technical Fixes | AI Automation | Lead Generation & Extraction Expert | Websites Dev
$15 USD in 7 days
2.8
2.8

Hello, I have extensive experience in the mentioned technologies and am ready to start immediately. Let’s connect via chat to discuss the project requirements further. Thank you, Jignesh
$15 USD in 40 days
2.2
2.2

Building the design system from scratch in Tailwind and Vite, with accessibility baked in from the start instead of patched on later, is the part worth getting right early. I can set up the component library, tokens, and documentation so your team stays consistent as it scales. Can start today, first working set of components ready by Friday. These numbers are based on the post as written. We'll refine them after a quick scope conversation. Want to jump on a quick call?
$25 USD in 30 days
1.9
1.9

As a seasoned Full Stack Developer and skilled in JavaScript and React, I have proven abilities and vast experience that align with your project's needs. I specialize in building design systems using Radix UI primitives styled with Tailwind CSS, exactly the expertise you require. Having worked on numerous projects spanning WordPress, MERN stack, and custom development, my professional journey has given me profound knowledge of frontend architecture optimization, state management, and theme customization. Notably, my understanding of Radix+Tailwind from previous assignments will significantly aid in creating an efficient and scalable WCAG-compliant design system for your new project. Additionally, my past experiences working with TanStack React Query and React Hook Form align well with your form orchestration requirements. I understand the significance of clean code, scalability, and fast website performance when it comes to long-term client satisfaction. Combining this comprehension with my proficiency in using testing tools such as axe-core for accessibility ensures meeting the acceptance criteria for this job isn't simply a chance but a guarantee. With the added advantage of being based in Thailand, we have the chance to collaborate on-site which will ensure effective communication and seamless teamwork during the project stages. Allow me to carry out this key responsibility at the core of your business venture, tailoring it to perfection while adhering to your vision.
$20 USD in 40 days
1.7
1.7

Hi, I can help architect and build a scalable React design system and the state-heavy workflows around it, with a strong focus on accessibility, maintainability, and production reliability. I understand the core requirements: Radix UI primitives with Tailwind CSS v3, WCAG AA compliance, React Hook Form + Zod for complex multi-step forms, and TanStack Query for reliable client-side data synchronization and caching. My approach includes: • Scalable component architecture with reusable Radix-based components • Centralized theming so brand colours can be changed from one place • Keyboard navigation and axe-core accessibility validation • Multi-step forms with validation, persistence, and network-recovery handling • TanStack Query caching, mutations, retries, and synchronization • TypeScript/Vite architecture with clean documentation and examples • MSAL/Azure AD integration where required I focus on building systems that remain easy to extend rather than solving individual screens with one-off code. I’m available to discuss the architecture, existing codebase, onsite expectations, and delivery plan immediately.
$15 USD in 40 days
1.8
1.8

Hello, I understand you are seeking a Senior Frontend/UX Engineer with over 5 years of experience to lead the development of a new design system and complex forms for your project based in Thailand. My expertise lies in crafting highly scalable and WCAG-compliant design systems using Radix UI primitives and Tailwind CSS, as well as engineering state-heavy forms with React Hook Form & Zod. I am well-versed in managing client-side data synchronization and caching layers using TanStack React Query. With a technical profile that includes React 18, TypeScript, Vite, and proficiency in MSAL/Azure AD, I am confident in meeting your project requirements. I have successfully delivered projects similar to yours, ensuring every component passes accessibility tests, theming flexibility, robust form functionalities, and comprehensive documentation. I invite you to open a chat to discuss how I can bring your vision to life efficiently and effectively. Sincerely, Rajesh Rolen
$20 USD in 40 days
1.2
1.2

The bid amount and delivery time above are rough placeholders. We'll firm them up once we've had a quick chat about the actual scope and engagement terms. A design system built on Radix UI and Tailwind that genuinely scales across a document generation product is a non-trivial undertaking. You're not just after a component library. You need theming that works from a single source of truth, forms that survive network hiccups and page navigation, and every piece accessible enough to pass axe-core without bolting it on at the end. That's the work we find most interesting, and it's where a lot of teams cut corners they regret later. Here's how we'd approach this: - Design system foundation: Radix UI primitives wrapped in a Tailwind token layer, with CSS variables driving the theming so brand colour swaps happen in one config file and cascade everywhere cleanly. - Accessibility baseline: axe-core wired into the component test suite from day one, keyboard nav verified per component before anything ships. Not a post-build audit. - Form orchestration: React Hook Form with Zod schemas handling multi-step flows, with field-level state persisted to sessionStorage or a light context layer so nothing is lost on a route change or a dropped connection. - State and caching: TanStack React Query for server state, with stale-while-revalidate patterns and mutation rollback so the UI stays responsive even when the network isn't. - Documentation: each component gets a props table, accessibility notes, and a live code sample, written as we build, not as a cleanup task at the end. After a short scope call to walk through the document engine and any existing component inventory, we'll put together a written proposal with milestones, deliverables, and firm pricing. Worth noting, since this is listed as Thailand on-site, it'd help to clarify the engagement model early so we can make sure the setup works on both ends. Want to jump on a quick call this week to walk through the details? Best, 96 Studio
$25 USD in 7 days
0.9
0.9

Manila, Philippines
Member since Aug 4, 2026
$25-50 USD / hour
₹100-400 INR / hour
$25-50 USD / hour
$10-30 USD
$2-8 USD / hour
₹600-1500 INR
₹600-1500 INR
$30-250 AUD
$20 USD
$15-25 AUD / hour
$50-250 USD
₹12500-37500 INR
₹600-1500 INR
$250-750 USD
$10-30 AUD
₹600-1500 INR
$250-750 USD
₹1500-12500 INR
$125-130 USD
$10 USD
₹600-1500 INR