Carlos Cifuentes
AngularJS library migration · Material Design components

Migrating AngularJS Material (angular-material 1.x) to modern Angular

AngularJS Material implemented Material Design for AngularJS. It reached end of life together with AngularJS and receives no fixes.

What replaces it

OptionWhen to choose it
Angular MaterialThe direct successor, maintained by the Angular team, with the CDK underneath.
PrimeNGWhen you need a wider component catalog (advanced tables, charts, editors).
Angular CDK + your own stylesWhen you have a design system and only need behavior.

How to migrate it

  1. Map each md- component to its mat- equivalent; most have one, but names and APIs differ.
  2. Replace the md layout attributes (layout, flex) with CSS flexbox or grid: Angular Material has no layout system.
  3. Set up the new theme first so migrated screens match the legacy look closely enough.

Watch out. The layout attributes are the hidden cost here. They are everywhere in the templates and have no automatic replacement.

Other libraries

Planning a migration or a micro-frontend platform?

In a 20-minute call you describe your situation and I tell you how I'd approach it. If it isn't worth doing yet, I'll say so.

Message me on LinkedIn