Aspect Ratio
@interlace/ui — aspect-ratio primitive (shadcn-compatible).
Visual examples + interactive variants
View Aspect Ratio on Storybook
All states, themes, a11y assertions — rendered live.
Install
Via shadcn URL
npx shadcn@latest add https://ds.interlace.tools/r/aspect-ratio.jsonOr, with this registry aliased as @interlace
npx shadcn@latest add @interlace/aspect-ratioDetails
- Target path
components/ui/aspect-ratio.tsx- JSON endpoint
- /r/aspect-ratio.json
- NPM dependencies
- none
- Registry dependencies