Angular Material Dev

Articles and Courses about Material Design in Angular. Created by @shhdharmen

[Angular Material Dev @ngMaterialDev]

Announcing Angular Material Blocks!

✨ A web app with 100+ (more soon) pre-designed UI blocks built for Angular Material & Tailwind CSS

Plus our CLI makes integration a breeze ⚡ npx @ngm-dev/cli add

https://t.co/ovlx5WIeZs

#Angular
#AngularMaterial #AngularTailwind #WebDev

[Dharmen Shah 😎 @shhdharmen]

Put bg-gray-900 on a mat-toolbar and nothing happens?

New: an Angular Material × Tailwind CSS skill for your AI coding agent. It knows where each style belongs, how mat overrides work, and how to make dark mode apply to both.

#Angular #TailwindCSS

[Angular Material Dev @ngMaterialDev]

Your AI agent writes Angular Material + Tailwind code that looks right the first time.

New skill from Angular Material Blocks:
→ Brand colours via overrides
→ One dark mode switch for both
→ Contrast-checked shades
→ Full override token list

https://t.co/vwg5HsX13d

[Angular Material Dev @ngMaterialDev]

If someone wants a short video of what is Angular Material Blocks, here you go.

[Dharmen Shah 😎 @shhdharmen]

🍞 @ngxpert/hot-toast v7 is out — now supporting Angular 22!

Same lightweight, customizable toast notifications you know, upgraded for the latest Angular.

Upgrade:
ng update @ngxpert/hot-toast

📦 https://t.co/Qq1aauFu66
📖 https://t.co/T0s2IDba08

[Dharmen Shah 😎 @shhdharmen]

Angular Material v22's new showProgress/progressIndicator slot on matButton means you can now drop Mat Expressive's loading indicator straight into your buttons 🎉

No custom directive needed — just project it in.

See it live 👇

[Dharmen Shah 😎 @shhdharmen]

Nice timing from @angular 👀

Material v22 added a progressIndicator slot on buttons — and Mat Expressive's loading indicator drops right in.

Material 3 Expressive Loading Indicator in your button, zero boilerplate.

Live demo: https://t.co/RKBDeE5oRJ

[Angular Material Dev @ngMaterialDev]

Angular Material v22's new showProgress/progressIndicator slot on matButton means you can now drop Mat Expressive's loading indicator straight into your buttons 🎉

No custom directive needed — just project it in.

Try it live 👇
https://t.co/IWMksXRI1B

[Angular @angular]

Say goodbye to custom spinner wrappers 🔘✨

In the latest Angular Material update, MatButton natively supports showing progress indicators. Control loading states with the showProgress input and project spinners easily.

Clean, accessible, and built-in (PR https://t.co/pro7aGouTq) 🎯

[Dharmen Shah 😎 @shhdharmen]

Angular Material Blocks now supports Angular v22 🎉

✅ Every block, template & library migrated
✅ OnPush-by-default handled — rendering unchanged
✅ Still SSR/SSG friendly

Details: https://t.co/c1ujQErgqg

[Angular Material Dev @ngMaterialDev]

Angular Material Blocks now supports Angular v22 🎉

✅ Every block, template & library migrated
✅ OnPush-by-default handled — rendering unchanged
✅ Still SSR/SSG friendly

Details: https://t.co/kY5ayAQztQ

[Angular Material Dev @ngMaterialDev]

Angular Material Blocks now supports Angular v22 🎉

✅ Every block, template & library migrated
✅ OnPush-by-default handled — rendering unchanged
✅ Still SSR/SSG friendly

Details: https://t.co/kY5ayAQztQ

[Dharmen Shah 😎 @shhdharmen]

Have you tried this Material 3 Expressive Design layer for your angular material applications?

Any feedbacks or thoughts?

[Angular Material Dev @ngMaterialDev]

Yesterday we launched Mat Expressive — Material 3 Expressive components and motion, layered on top of Angular Material.

Today, a closer look at each component in action 🧵

[Angular Material Dev @ngMaterialDev]

Every animation respects prefers-reduced-motion. Every size, shape, and speed follows M3 Expressive presets. SSR-safe.

Free, open source, MIT licensed.

📖 https://t.co/1FJJmLsDEb
💻 https://t.co/JzbAIUQoIy

ng add @ngm-dev/mat-exp

[Angular Material Dev @ngMaterialDev]

Yesterday we launched Mat Expressive — Material 3 Expressive components and motion, layered on top of Angular Material.

Today, a closer look at each component in action 🧵

[Angular Material Dev @ngMaterialDev]

Loading Indicator — the one that started it all.

GSAP spring physics bring it to life. Fluid, natural motion instead of a static spinner.

Comes with variants of config & speed