Articles and Courses about Material Design in Angular. Created by @shhdharmen
Everything Angular Material ↙️
Joined August 2023
- Tweets702
- Following5
- Followers518
- Likes422
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 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…
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.
