Articles and Courses about Material Design in Angular. Created by @shhdharmen
Everything Angular Material ↙️
Joined August 2023
- Tweets702
- Following5
- Followers518
- Likes422
Pinned Tweet
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
ui.angular-material.dev
#Angular
#AngularMaterial #AngularTailwind #WebDev
Angular Material Dev retweeted
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
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
ui.angular-material.dev/docs…
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
ui.angular-material.dev/docs…
Angular Material Dev retweeted
🍞 @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
📦 github.com/ngxpert/hot-toast
📖 ngxpert.github.io/hot-toast
Angular Material Dev retweeted
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 👇
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: expressive.angular-material.…
Angular Material Dev retweeted
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: expressive.angular-material.…
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 github.com/angular/component…) 🎯
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 👇
expressive.angular-material.…
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 github.com/angular/component…) 🎯
Angular Material Dev retweeted
Angular Material Blocks now supports Angular v22 🎉
✅ Every block, template & library migrated
✅ OnPush-by-default handled — rendering unchanged
✅ Still SSR/SSG friendly
Details: ui.angular-material.dev/blog…
Angular Material Dev retweeted
Angular Material Blocks now supports Angular v22 🎉
✅ Every block, template & library migrated
✅ OnPush-by-default handled — rendering unchanged
✅ Still SSR/SSG friendly
Details: ui.angular-material.dev/blog…
Angular Material Blocks now supports Angular v22 🎉
✅ Every block, template & library migrated
✅ OnPush-by-default handled — rendering unchanged
✅ Still SSR/SSG friendly
Details: ui.angular-material.dev/blog…
Angular Material Dev retweeted
Have you tried this Material 3 Expressive Design layer for your angular material applications?
Any feedbacks or thoughts?
Angular Material Dev retweeted
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 🧵
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 🧵
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
Every animation respects prefers-reduced-motion. Every size, shape, and speed follows M3 Expressive presets. SSR-safe.
Free, open source, MIT licensed.
📖 expressive.angular-material.…
💻 github.com/Angular-Material-…
ng add @ngm-dev/mat-exp
