Aspect ratio
A box that holds its shape before media loads, shimmers while loading, fades the media in and falls back when it fails.

- Library
- HextaUI
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @base-ui/react@^1.8.0, @tabler/icons-react, cn
- Install
npx shadcn@latest add https://hextaui.com/r/aspect-ratio.json- Files
components/ui/aspect-ratio.tsxcomponents/ui/skeleton.tsx
- Source
- https://github.com/preetsuthar17/hextaui
Categories
- Aspect Ratio Components
- Tailwind CSS Aspect Ratio Components
- Layout Components
- React Layout Components
- Tailwind CSS Layout Components
- Animated Layout Components
- shadcn/ui Layout Components