1:1 square aspect ratio
1:1 square aspect ratio.

- Library
- ReUI
- Framework
- React
- Type
- block
- License
- MIT
- Install
npx shadcn@latest add @reui/c-aspect-ratio-3- Files
registry-reui/bases/radix/components/aspect-ratio/c-aspect-ratio-3.tsxregistry/bases/radix/ui/aspect-ratio.tsx
- Source
- https://github.com/keenthemes/reui
Categories
- Aspect Ratio Components
- Tailwind CSS Aspect Ratio Components
- Image Components
- React Image Components
- Tailwind CSS Image Components
- Layout Components
- React Layout Components
- Tailwind CSS Layout Components
- Media Components
- React Media Components
- Tailwind CSS Media Components
More from ReUI
- 16:9 widescreen aspect ratio
- 4:3 standard aspect ratio
- 21:9 ultrawide aspect ratio
- 9:16 portrait aspect ratio
- 3:2 classic photography aspect ratio
- 4:5 social media portrait aspect ratio
- 16:10 computer monitor aspect ratio
- Full card with image and shadow fade effect
- Card with image
- Card with image scale hover effect
- Card with full image
- Alert