This component no longer exists. It was in Quantumblack Design System Registry’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-08 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
quantumblack-design-system-registry/aspect-ratioRemovedComponent
Constrains content to a fixed width-to-height ratio — ideal for images, video placeholders, and media cards.
Install it
npx shadcn@latest add http://designsystem.quantumblack.com/r/aspect-ratio.jsonSource
1'use client';23import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';4import type * as React from 'react';56function AspectRatio({7 ...props8}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {9 return <AspectRatioPrimitive.Root data-slot="aspect-ratio" {...props} />;10}1112export { AspectRatio };
What it pulls in
npm packages
Other registry items
