Team 13 - Animated team portraits with mobile carousel

Pro

Bracket team header with careers link, showing animated portraits in a looping carousel on mobile and a staggered row on desktop.

Shadcn Team 13 block

Component data

ID
team13
Access
pro
Created
Oct 1, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Team 13 block design & features

Team13 is a portrait team section built with shadcn/ui carousel and motion clip-path reveals. The header uses bracket labels and a careers link. On mobile, members appear in a looping half-width carousel with previous and next controls and in-view reveal animation. On desktop, four portraits sit in a row with varied heights and staggered clip-path animation.

Light editorial framing with image-led hierarchy and minimal text under each portrait. Animation is the signature: clipped reveals as items enter view or mount. Carousel chrome appears only in the mobile presentation.

More elaborate than a static photo row because of dual layouts and motion. Complexity is mixed: image-driven portraits plus code-driven animation and carousel behavior.

Below large breakpoints the desktop row hides and the carousel takes over; above that breakpoint the row returns and carousel controls go away.