List & Group Patterns
Collection of list and group layouts for displaying collections of data.
Simple List
Basic list of items with hover states.
List with Icons
List items with leading icons.
List with Actions
List items with action buttons.
Project Alpha
Active
Project Beta
In Progress
Project Gamma
Completed
List with Avatars
User or contact list with avatars.
John Doe
john@example.com
Jane Smith
jane@example.com
Bob Johnson
bob@example.com
Alice Williams
alice@example.com
List with Badges
List items with status badges.
Detailed List Items
List with multiple lines of information.
Design System Update
Updated components library with new variants
2 hours ago
API Integration Complete
Successfully integrated third-party API endpoints
5 hours ago
Database Migration
Scheduled maintenance for database upgrade
1 day ago
Grid List
Items displayed in a grid layout.
Analytics
Users
Messages
Tasks
Calendar
Files
Interactive List
List with interactive elements and selection.
Notification List
List of notifications or activity feed.
Deployment successful
Your application was deployed to production
5 min ago
High memory usage
Your application is using 85% of available memory
1 hour ago
Build failed
The build process encountered an error
3 hours ago
File List
List of files with metadata.
presentation.pdf
2.4 MB • Apr 12, 2026
report.docx
156 KB • Apr 11, 2026
data.xlsx
892 KB • Apr 10, 2026
image.png
1.1 MB • Apr 9, 2026
Grouped List
Items organized into groups with headers.
Today
Tomorrow
Rating List
Items with ratings or scores.