Liferay DXP UI Engineer – Enterprise Portal Front-End

Adree; Riyadh; On-site; SAR 162,000 - 198,000; Full time

Job summary

Adree seeks a skilled UI (Liferay) Developer to design, build, and optimize enterprise portal interfaces using the Liferay DXP platform. Translate UI/UX wireframes into responsive, high-performance Liferay themes, layouts, and front-end portlets across enterprise digital solutions.

Collaborate with backend teams, QA, and designers to implement Freemarker templates, integrate REST APIs/GraphQL, ensure accessibility, cross-browser compatibility, and pixel-perfect UI.

Qualifications

• Bachelor’s degree in Computer Science, IT, Software Engineering or related field.
• 3-5 years of Front-End Web Development with at least 2+ years on Liferay DXP (7.x/Enterprise).
• Strong expertise in HTML5, CSS3/SASS, JavaScript (ES6) and front-end frameworks.
• Experience with Freemarker templates, CLAY UI, and Liferay fragments.

Responsibilities

• Design, customize, and implement Liferay DXP themes, templates, and UI fragments.
• Develop responsive, accessible interfaces using modern front-end tech inside Liferay.
• Bind UI components to REST APIs, GraphQL, and backend headless services.
• Collaborate with UI/UX Designers to translate designs into pixel-perfect pages.
• Optimize front-end performance and cross-browser compatibility.

Skills

Liferay DXP

Front-End Web Development

HTML5

CSS3/SASS

JavaScript (ES6)

React

Angular

Freemarker

Clay UI framework

REST APIs

GraphQL

Git

NPM/Webpack

Blade CLI

WCAG 2.1

Education

Bachelor’s degree in Computer Science / IT / Software Engineering

Tools

Liferay DXP

Freemarker

Clay Design System

Liferay Developer Studio

Blade CLI

Job description

Adree seeks a skilled UI (Liferay) Developer to design, build, and optimize enterprise portal interfaces using the Liferay DXP platform. Translate UI/UX wireframes into responsive, high-performance Liferay themes, layouts, and front-end portlets across enterprise digital solutions.

Collaborate with backend teams, QA, and designers to implement Freemarker templates, integrate REST APIs/GraphQL, ensure accessibility, cross-browser compatibility, and pixel-perfect UI.