Dev Design Library

Aspect ratio

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

Aspect ratio preview
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.tsx
  • components/ui/skeleton.tsx
Source
https://github.com/preetsuthar17/hextaui

Categories

More from HextaUI