Aspect Ratio Standard 3 component design & features
This example uses the shadcn AspectRatio component from Radix UI to constrain child content to a 1:1 width-to-height ratio. Media inside the container scales responsively while preserving the fixed proportion.
Square ratios work for profile images, product tiles, and grid galleries where equal width and height matter.