Stacked Lists Blocks

Use these stacked list components to organize items like user profiles, tasks, or other resources vertically, complete with available user actions. These components 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

mmalerbabuild: lock file maintenance
Jul 15, 2025
mmalerbabuild: remove @types/glob
Jul 15, 2025
SimonSparksUKfeat(Google Maps component): deprecated feature and its replacement
Jul 15, 2025
FabienCHbug(mat-chip-option): selected CSS classes are not applied in a specific case
Jul 15, 2025
angelakibug(m2-theme): Several variables missing
Jul 15, 2025
mattiLeBlancsuggestion:stop changing css prefix names every release
Jul 15, 2025
PolinaGobug(mat-calendar): Add tooltips to previous/next buttons in the header
Jul 14, 2025
crisbetofix(material/tabs): glitchy animation in rtl with lazy-loaded content
Jul 14, 2025
Neill83Mat-Chip: Cursor pointer not applied.
Jul 14, 2025
DzmVasileuskybug(COMPONENT): BlockScrollStrategy isn't working for Overlay with flexibleConnectedTo in mat-dialog-content
Jul 13, 2025

Narrow With Badges

mmalerba / build lock file maintenance
mmalerba / build remove @types/glob
SimonSparksUK / feat(Google Maps component) deprecated feature and its replacement
FabienCH / bug(mat-chip-option) selected CSS classes are not applied in a specific case
angelaki / bug(m2-theme) Several variables missing
mattiLeBlanc / suggestion stop changing css prefix names every release
PolinaGo / bug(mat-calendar) Add tooltips to previous/next buttons in the header
crisbeto / fix(material/tabs) glitchy animation in rtl with lazy-loaded content
Neill83 / Mat-Chip Cursor pointer not applied.
DzmVasileusky / bug(COMPONENT) BlockScrollStrategy isn't working for Overlay with flexibleConnectedTo in mat-dialog-content
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