Aspect Ratio
Fixed-ratio containers for media.
shadcn/ui · new-york-v4 · synced Aug 28, 2026shadcn/uinew-york-v4 · synced Aug 28, 2026
Installation
import { AspectRatio } from "@aspyn-io/kit";16:9 media container
16:9: property photo, map snapshot, video
Square (1:1)
Equal sides for avatars, thumbnails, and product tiles.
1:1
Portrait (9:16)
Tall frame for phone screenshots and vertical video.
9:16
Notes
- Prevents layout shift for images/maps/embeds of unknown intrinsic size.