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?
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.
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 Years101,120 MAD
- 2-5 Years+41% from previous142,300 MAD
- 5-10 Years+41% from previous201,100 MAD
- 10-15 Years+22% from previous246,200 MAD
- 15-20 Years+5% from previous259,100 MAD
- 20+ Years+9% from previous283,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 Diploma123,400 MAD
- Bachelor's Degree+58% from previous194,600 MAD
- Master's Degree+39% from previous271,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.
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:
- Banking2%
- Energy
- Information Technology
- Healthcare
- Travel1%
- 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 Level3% - 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% 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.
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
| Location | Type | Average | Median | Range |
|---|---|---|---|---|
| Casablanca | City | 207,800 MAD | 221,500 MAD | 96,220-327,800 MAD |
| Tangier | City | 200,000 MAD | 195,200 MAD | 104,080-308,300 MAD |
| Marrakech | City | 195,200 MAD | 181,600 MAD | 105,440-299,500 MAD |
| Rabat | City | 172,400 MAD | 161,300 MAD | 89,960-263,100 MAD |
| Agadir | City | 164,200 MAD | 161,300 MAD | 83,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.