Project List 1 block design & features
ProjectList1 is a project catalog built with shadcn/ui Card and Select. The header holds a search field, sort, team size, and an update window, plus a status menu and an add-project action. The body is a grid of project cards with a cover image, a code, a name, members, and a status.
Covers use a photo with a dark fade so the title stays readable. Cards use a light surface, hairline borders, and stacked member avatars. Controls stay compact in the header. Filtering and sorting update the grid in place.
This is a standard project directory with moderate complexity. The distinctive piece is the cover card: each project reads as a tile, not a table row. Content-driven: it needs project names, codes, statuses, dates, and member photos.
On smaller screens the header controls wrap into two columns and the add action collapses to an icon.