Skip to content
worldsalaries .com

Average Front End Developer Salary in Morocco for 2026

A front end developer in Morocco earns about 190,500 MAD a year. That's 18% below the national average of 232,400 MAD.

Pay ranges widely from country to country and from role to role. The lowest reported salaries in Morocco sit around 87,640 MAD a year, while the very top stretches to 297,000 MAD. Everything on this page is in Moroccan dirham (MAD, symbol د.م.), which lets you compare numbers like-for-like without worrying about exchange rates.

The numbers here are pulled together from official government wage data, large independent salary surveys, and aggregated worker-reported pay. Most reported salaries include the benefits that are common in Morocco, such as housing or transport allowances, which is worth keeping in mind if you're comparing against a country where those are usually paid on top.


How much does a front end developer make in Morocco?

Average salary
190,500 MAD
15,875 MAD per month
Lowest reported
87,640 MAD
7,303 MAD per month
Highest reported
297,000 MAD
24,750 MAD per month

A typical front end developer working in Morocco brings home around 15,875 MAD a month before tax. Entry-level pay starts near 87,640 MAD, and the top of the ladder reaches roughly 297,000 MAD for the most experienced and specialised people in the role.

The wide gap between low end and top end reflects how much pay can vary inside the same job title. A junior front end developer working at a small local employer earns very different money from a senior at a multinational. Skills, employer, city and years in the seat all push the number around.


How front end developer pay ranges in Morocco

A good way to think about salary in Morocco is to look at the distribution rather than the headline average. Half of all front end developers in Morocco earn less than 200,000 MAD a year, and the other half earn more. That middle number is the median, and it is usually more useful than the average for answering "is my pay normal here".

Looking at the quartiles fills in the picture. A quarter of earners take home less than 128,900 MAD (the 25th percentile), and a quarter clear 265,000 MAD (the 75th percentile). The middle 50% of front end developers sit somewhere inside that band, which is where the typical reader of this page probably lives.

The very lowest reported salaries sit around 87,640 MAD. The highest stretch to 297,000 MAD, though only a small fraction of earners ever reach that level. If you are deciding whether your own offer or current pay is reasonable, work out which of those four bands you would fall into and use that as your reference point.

87,640
Low
200,000
Median
297,000
High
128,900
25th
265,000
75th
The middle 50% sit between the 25th and 75th percentile Tails are the lowest and highest reported All figures in MAD

Front end developer pay by experience in Morocco

Years of experience is the single biggest lever on pay for a front end developer in Morocco, ahead of education and almost any other single factor. The longer you have been in the role, the more your employer can trust you to handle complexity, mentor others and act independently, all of which command higher pay. The chart below shows how the typical front end developer salary changes as you move through the career ladder.

  • 0-2 Years
    101,120 MAD
  • 2-5 Years
    +41% from previous
    142,300 MAD
  • 5-10 Years
    +41% from previous
    201,100 MAD
  • 10-15 Years
    +22% from previous
    246,200 MAD
  • 15-20 Years
    +5% from previous
    259,100 MAD
  • 20+ Years
    +9% from previous
    283,400 MAD

The single largest jump on the ladder is from 0 - 2 Years to 2 - 5 Years, where pay rises by about 41%. That is the point at which a front end developer typically goes from "competent in the role" to "the person other people in the team learn from", and the market pays well for that step.


Front end developer pay by education in Morocco

Education sits alongside experience as one of the biggest factors driving front end developer pay in Morocco. Higher qualifications consistently pull higher salaries, but the size of the gap tends to be smallest at junior levels and widens as people move up. Two people in the same role with the same years of experience but different degrees can end up earning very different money once they reach mid-career.

Below is the average front end developer salary in Morocco broken down by the highest level of education a worker has completed.

  • Certificate or Diploma
    123,400 MAD
  • Bachelor's Degree
    +58% from previous
    194,600 MAD
  • Master's Degree
    +39% from previous
    271,300 MAD

Front end developer gender pay gap in Morocco

The gender pay gap is a stubborn feature of almost every labour market, and Morocco is no exception. Male front end developers in Morocco earn an average of 205,700 MAD a year, while female front end developers earn around 175,900 MAD. That works out to a 17% gap in favour of men, even when comparing people doing the same work.

A pay gap of this size has a real long-term cost. Over a typical thirty-year career it can add up to several years of pay, and it compounds through pensions, retirement contributions and bonus-linked stock. Some of the gap is explained by women being more likely to work part-time, take career breaks, or be steered toward lower-paying specialisations. Some of it is straightforward unequal pay for the same job, which is harder to defend.

Front End Developer gender pay gap

14%

Men earn this much more than women on average in Morocco.

Men 205,700 MAD
Women 175,900 MAD

Pay raises for a front end developer in Morocco

Most countries hand out at least some kind of pay raise every year, typically when an employee's contract is reviewed or as a cost-of-living adjustment to keep wages roughly in step with inflation. The rhythm and size of those raises varies hugely between industries.

A typical worker doing this role in Morocco sees a raise of about 11% every 18 months, which works out to roughly 7% on an annual basis. That figure is the typical underlying rate; in years where inflation runs high you can usually expect a bit more, and in flat-economy years a bit less.

Across all jobs in Morocco, the national average raise is around 9% every 17 months.

By industry

Industries with the highest pay raises in Morocco:

  • Banking
    2%
  • Energy
  • Information Technology
  • Healthcare
  • Travel
    1%
  • Construction
  • Education

By experience level

Experienced workers tend to see larger raises. Retaining a senior is cheaper than replacing them, so employers fight harder for them.

  • Junior Level
    3% - 5%
  • Mid-Career
  • Senior Level
  • Top Management

Front end developer bonus rates in Morocco

Bonuses are the other half of total compensation, and they vary a lot between jobs and industries. Some roles are paid almost entirely in base salary; others lean heavily on bonus structures tied to revenue, project completion or company performance. Whether a job pays a bonus, how big it is, and how often it lands all factor into whether the headline salary is actually a good offer.

57%

57% of front end developers in Morocco reported a bonus of some kind in the past twelve months. That makes a front end developer a moderate-bonus role overall, which is useful context when you're weighing up a job offer where the base is below market.

Among those who did receive a bonus, the size of the payment varied substantially. Reported bonuses ranged from 2% to 7% of base salary. The remaining 43% of front end developers reported no bonus at all over the same period.

Which careers pay bonuses in Morocco

Revenue-facing roles tend to pay the biggest bonuses. Operational and support roles tend toward smaller, more predictable ones.

  • Finance
  • Architecture
  • Sales
  • Business Development
  • Marketing / Advertising
  • Information Technology
  • Healthcare
  • Insurance
  • Customer Service
  • Human Resources
  • Construction
  • Transport
  • Hospitality

Front end developer: public vs private sector pay

Public-sector pay in Morocco is about 8% more than private-sector pay for similar work. The private sector typically offers stronger upside and bigger bonuses; the public sector typically offers better benefits and stability.

Public vs private pay gap

7%

Public-sector workers earn this much more than private-sector workers in Morocco on average.

Public sector 239,300 MAD
Private sector 222,300 MAD

Front end developer salary by city in Morocco

Front end developer pay is not even across Morocco. The chart below shows the highest-paying cities in the dataset, followed by the full location table.

  • Casablanca
  • Tangier
  • Marrakech
  • Rabat
  • Agadir
LocationTypeAverageMedianRange
CasablancaCity207,800 MAD221,500 MAD96,220-327,800 MAD
TangierCity200,000 MAD195,200 MAD104,080-308,300 MAD
MarrakechCity195,200 MAD181,600 MAD105,440-299,500 MAD
RabatCity172,400 MAD161,300 MAD89,960-263,100 MAD
AgadirCity164,200 MAD161,300 MAD83,060-254,700 MAD


Front End Developer in Morocco: FAQs

  • How much does a front end developer make per month in Morocco?

    A front end developer in Morocco earns about 15,875 MAD a month before tax, based on an annual average of 190,500 MAD.

  • What's the salary range for a front end developer in Morocco?

    Entry-level front end developers in Morocco start near 87,640 MAD. Top-end pay reaches around 297,000 MAD. The middle 50% of earners sit between 128,900 and 265,000 MAD.

  • Is the median front end developer salary in Morocco higher or lower than the average?

    The median is 200,000 MAD, higher than the average of 190,500 MAD. Half of front end developers in Morocco earn below the median, half earn above it.

  • What's the gender pay gap for front end developers in Morocco?

    Men working as a front end developer in Morocco earn around 17% more than women on average (205,700 vs 175,900 MAD a year).

  • Do front end developers in Morocco get bonuses?

    About 57% of front end developers in Morocco reported a bonus in the past 12 months. Reported bonuses ranged from 2% to 7% of base salary.

  • Do front end developers earn more in the public or private sector in Morocco?

    In Morocco, the public sector pays a front end developer about 8% more on average. Public-sector pay tends to be steadier; private-sector pay tends to offer bigger upside.

  • How often do front end developers in Morocco get a pay raise?

    A front end developer in Morocco sees a raise of around 11% every 18 months, equivalent to roughly 7% a year.