Aspect Ratio

boldkit/aspect-ratio

FreeComponent

Displays content within a desired ratio

Live preview

live · rendered by the registry

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

npx shadcn@latest add https://boldkit.dev/r/aspect-ratio.json

registry/default/ui/aspect-ratio.tsxboldkit.dev/r/aspect-ratio.json

1import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio'
2 
3const AspectRatio = AspectRatioPrimitive.Root
4 
5export { AspectRatio }

npm packages

Other registry items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	boldkit	Components	Free	2 deps
Alertalert	boldkit	Components	Free	2 deps
Alert Dialogalert-dialog	boldkit	Components	Free	1 dep
ASCII Shapesascii-shapes	boldkit	Components	Free	no deps
Avataravatar	boldkit	Components	Free	1 dep
Badgebadge	boldkit	Components	Free	1 dep
Breadcrumbbreadcrumb	boldkit	Components	Free	2 deps
Buttonbutton	boldkit	Components	Free	2 deps