3:2 Aspect Ratio (Photography)

Professional cameras shaped this ratio. This React component wraps content in a 3:2 aspect ratio using shadcn/ui's AspectRatio built on Radix UI primitives. The ratio prop (3 / 2) maintains DSLR sensor proportions matching professional photography standards, preventing layout shift when images load. Perfect for photo galleries, portfolio displays, print-optimized layouts, or any content from professional cameras—keeps photography aspect locked while width adapts responsively to create elegant, balanced image presentations.

3:2 Aspect Ratio (Photography) preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/aspect-ratio-standard-5.json

npx shadcn@latest add https://www.shadcn.io/r/aspect-ratio-standard-5.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/aspect-ratio-standard-5.json

bunx shadcn@latest add https://www.shadcn.io/r/aspect-ratio-standard-5.json

Related Components

FAQ