Team 11 block design & features
Team11 is an interactive team grid built with shadcn/ui and motion layout effects. A bordered header block holds the heading and description. Below, a large member list shows image, name, and role in cells with bottom borders. On medium screens and up, hovering a member reveals a highlighted overlay card with a rainbow accent line and the member bio while neighboring cells stay in place.
Light background with denser packing than sparse portrait grids. Default cells are flat; the hover state becomes the visual event. Motion uses shared layout highlighting rather than page-load animation.
Distinctive and elaborate compared with static rosters. Complexity is high from interaction design plus content needs for many members and bios. Best when you have a large team and short blurbs ready.
The grid scales from two columns to three and four. The hover overlay is hidden on small screens so mobile stays a simple scannable list.