Aspect Ratio Standard 2 - 4:3 Aspect Ratio (Traditional)

Pro

Aspect ratio container with 4:3 traditional ratio.

Shadcn Aspect Ratio Standard 2 component

Component data

ID
aspect-ratio/aspect-ratio-standard-2
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Aspect Ratio Standard 2 component design & features

This example uses the shadcn AspectRatio component from Radix UI to constrain child content to a 4:3 width-to-height ratio. Media inside the container scales responsively while preserving the fixed proportion.

Traditional 4:3 ratios suit older media, thumbnails, and layouts that mirror classic display proportions.