This component no longer exists. It was in shadcn/ui’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-05 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

agentmesh/aspect-ratio

RemovedComponent

shadcn/ui publishes no description for this item.

Live preview

live · rendered by the registry

Rendered by shadcn/ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/ombhanushaliii/agentmesh/main/example/ui/apps/v4/public/r/styles/base-vega/aspect-ratio.json

Source

registry/base-vega/ui/aspect-ratio.tsxraw.githubusercontent.com/ombhanushaliii/agentmesh/main/example/ui/apps/v4/public/r/styles/base-vega/aspect-ratio.json

1import { cn } from "@/registry/base-vega/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 }

Files it writes

registry/base-vega/ui/aspect-ratio.tsx