Articles and Courses about Material Design in Angular. Created by @shhdharmen
Everything Angular Material ↙️
Joined August 2023
- Tweets702
- Following5
- Followers518
- Likes422
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 🧵
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
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
FAB Menu — expressive motion for your floating action button's expanded menu. Menu is built on top of matMenu, so it supports everything from Angular Material's menu!
Button Group — the group owns selection state for you.
Single or multi-select, toggle behavior handled automatically for every button inside it. Selecting a button triggers a spring/bounce animation as it snaps into its selected shape.
Icon Button — same expressive motion, built for icon-only actions. Plus comes with support of filled, outlined & tonal appearances and 3 width variants!
Button — with M3 Expressive shape morphing.
Round buttons square off on press. Toggle buttons flip their resting shape between selected/unselected. All spring-powered with GSAP.
Drop matExpButton on your existing matButton. Zero config.