This component no longer exists. It was in ondo-ui’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-09 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.

aspect-ratio

ondo-ui/aspect-ratio

RemovedComponent

Displays content within a desired ratio.

Install it

npx shadcn@latest add https://ui.ondo.dou.so/r/aspect-ratio.json

Source

components/ui/aspect-ratio.tsxui.ondo.dou.so/r/aspect-ratio.json

1import { cn } from "@/lib/utils"
2 
3function AspectRatio({
4  ratio,
5  className,
6  ...props
7}: React.ComponentProps<"div"> & { ratio: number }) {
8  return (
9    <div
10      data-slot="aspect-ratio"
11      style={
12        {
13          "--ratio": ratio,
14        } as React.CSSProperties
15      }
16      className={cn("relative aspect-(--ratio)", className)}
17      {...props}
18    />
19  )
20}
21 
22export { AspectRatio }

What it pulls in

Other registry items

@ondo-ui/utils

Files it writes

components/ui/aspect-ratio.tsx