Stacked Lists Blocks

Use these stacked list blocks to organize items like user profiles, tasks, or other resources vertically, complete with available user actions. These blocks come in various styles and layouts.

Simple

Leslie Alexander [email protected]
Michael Foster [email protected]
Dries Vincent [email protected]
Lindsay Walton [email protected]
Courtney Henry [email protected]
Tom Cook [email protected]

With Badges and Button Action Menu

GraphQL API completedDue on Jul 13, 2025|Created by John Doe
API Documentation in-progressDue on Jul 14, 2025|Created by Jane Smith
API Testing archivedDue on Jul 15, 2025|Created by Leslie Alexander
iOS App in-progressDue on Jul 14, 2025|Created by Michael Foster
Android App archivedDue on Jul 15, 2025|Created by Trevor Henderson

Narrow

Leslie Alexander [email protected]
Michael Foster [email protected]
Dries Vincent [email protected]
Lindsay Walton [email protected]
Courtney Henry [email protected]
Tom Cook [email protected]

Narrow With Sticky Headings

Group 1

Leslie Alexander [email protected]
Michael Foster [email protected]
Dries Vincent [email protected]
Lindsay Walton [email protected]

Group 2

Courtney Henry [email protected]
Tom Cook [email protected]
Trevor Hansen [email protected]
Trevor Hansen [email protected]

Group 3

Mike Crush [email protected]
John Doe [email protected]
Jane Doe [email protected]
John Smith [email protected]

Group 4

Jane Smith [email protected]
Kira Smith [email protected]
Ophelia Smith [email protected]
Uta Smith [email protected]

Group 5

Courtney Henry [email protected]
Vicky Smith [email protected]
Wendy Smith [email protected]
Xavier Smith [email protected]

Group 6

Yvonne Smith [email protected]
Zara Smith [email protected]
Kris Kringle [email protected]
Santa Claus [email protected]

Narrow With Actions

Leslie Alexander [email protected]
Michael Foster [email protected]
Dries Vincent [email protected]
Lindsay Walton [email protected]
Courtney Henry [email protected]
Tom Cook [email protected]

Narrow With Small Avatars

matthbishbug(Stepper): Animation does not work in v20
Oct 22, 2025
csvnbug(FabButton): `matFab` shows hover and focus styling with `disabledInteractive`
Oct 22, 2025
angular-robotbuild: update cross-repo angular dependencies (20.2.x)
Oct 22, 2025
angular-robotbuild: update cross-repo angular dependencies (main)
Oct 22, 2025
PowerKiKifeat(dialog): Support updating MatDialogConfig from the dialog itself
Oct 22, 2025
PowerKiKifeat(dialog): Support async `MatDialogConfig.closePredicate`
Oct 22, 2025
NazarKalytiukdocs-bug(CHIPS): Missing elevated-container-color in chips styling
Oct 22, 2025
ok7saifix(aria/grid): fix navigation bugs and add grid behavior unit tests
Oct 22, 2025
angular-robotbuild: update dependency rules_nodejs to v6.6.0 (20.2.x)
Oct 22, 2025
angular-robotbuild: update dependency node to v22.21.0 (20.2.x)
Oct 22, 2025

Narrow With Badges

matthbish / bug(Stepper) Animation does not work in v20
csvn / bug(FabButton) `matFab` shows hover and focus styling with `disabledInteractive`
angular-robot / build update cross-repo angular dependencies (20.2.x)
angular-robot / build update cross-repo angular dependencies (main)
PowerKiKi / feat(dialog) Support updating MatDialogConfig from the dialog itself
PowerKiKi / feat(dialog) Support async `MatDialogConfig.closePredicate`
NazarKalytiuk / docs-bug(CHIPS) Missing elevated-container-color in chips styling
ok7sai / fix(aria/grid) fix navigation bugs and add grid behavior unit tests
angular-robot / build update dependency rules_nodejs to v6.6.0 (20.2.x)
angular-robot / build update dependency node to v22.21.0 (20.2.x)
Angular Material Blocks Logo

Angular Material Dev UI (or Angular Material Blocks) is one place stop for developers to explore components and blocks for their Angular Material and Tailwind CSS based applications.

Find us on X (Twitter), LinkedIn, Instagram & Threads